We use cookies to provide you with the best user experience possible on our website. Analysis programs are used to record and evaluate the use of the website and display advertisements on Google. For these reasons is why we collect, use and share data.

If you wish to continue using this website, please agree to the use of cookies and analysis programs.

Color palette - Farben

Overview

close

Possible uses

You can continue to use these color palettes. Make them your own and exchange individual colors as you wish. Rate these color palettes and share them.

Find examples of linear and radial color transitions with two colors from this color palette.

The first three colors are preselected - if available. You can add or deselect them with the color icon at the bottom right of each color.

Easy for Web Design: Copy the CSS code for easy integration on your website.

Find examples of linear and radial color transitions with three colors from this color palette.

The first three colors are preselected - if available. You can add or deselect them with the color icon at the bottom right of each color.

Easy for Web Design: Copy the CSS code for easy integration on your website.

Display options

New color palette

Lineal

HEX #383531 to HEX #887C6F


CSS-Code:

background-image: linear-gradient(135deg, #383531 -4%, #887C6F 103%);

Radial

HEX #383531 to HEX #887C6F


CSS-Code:

background-image: radial-gradient(circle, #383531 12%, #887C6F 206%);

HEX #383531 to HEX #7A7665


CSS-Code:

background-image: linear-gradient(135deg, #383531 8%, #7A7665 93%);


HEX #383531 to HEX #7A7665


CSS-Code:

background-image: radial-gradient(circle, #383531 -9%, #7A7665 200%);

HEX #887C6F to HEX #383531


CSS-Code:

background-image: linear-gradient(135deg, #887C6F 13%, #383531 88%);


HEX #887C6F to HEX #383531


CSS-Code:

background-image: radial-gradient(circle, #887C6F -3%, #383531 191%);

HEX #887C6F to HEX #7A7665


CSS-Code:

background-image: linear-gradient(135deg, #887C6F -8%, #7A7665 107%);


HEX #887C6F to HEX #7A7665


CSS-Code:

background-image: radial-gradient(circle, #887C6F 6%, #7A7665 201%);

HEX #7A7665 to HEX #383531


CSS-Code:

background-image: linear-gradient(135deg, #7A7665 14%, #383531 99%);


HEX #7A7665 to HEX #383531


CSS-Code:

background-image: radial-gradient(circle, #7A7665 -2%, #383531 187%);

HEX #7A7665 to HEX #887C6F


CSS-Code:

background-image: linear-gradient(135deg, #7A7665 9%, #887C6F 108%);


HEX #7A7665 to HEX #887C6F


CSS-Code:

background-image: radial-gradient(circle, #7A7665 -6%, #887C6F 207%);

Lineal

HEX #383531 over HEX #887C6F to HEX #7A7665


CSS-Code:

background-image: linear-gradient(135deg, #383531 0%, #887C6F 51%, #7A7665 97%);

Radial

HEX #383531 over HEX #887C6F to HEX #7A7665


CSS-Code:

background-image: radial-gradient(circle, #383531 -7%, #887C6F 47%, #7A7665 97%);

HEX #383531 over HEX #7A7665 to HEX #887C6F


CSS-Code:

background-image: linear-gradient(135deg, #383531 -9%, #7A7665 58%, #887C6F 103%);


HEX #383531 over HEX #7A7665 to HEX #887C6F


CSS-Code:

background-image: radial-gradient(circle, #383531 8%, #7A7665 44%, #887C6F 86%);

HEX #887C6F over HEX #383531 to HEX #7A7665


CSS-Code:

background-image: linear-gradient(135deg, #887C6F 3%, #383531 55%, #7A7665 90%);


HEX #887C6F over HEX #383531 to HEX #7A7665


CSS-Code:

background-image: radial-gradient(circle, #887C6F 9%, #383531 48%, #7A7665 108%);

HEX #887C6F over HEX #7A7665 to HEX #383531


CSS-Code:

background-image: linear-gradient(135deg, #887C6F 4%, #7A7665 51%, #383531 103%);


HEX #887C6F over HEX #7A7665 to HEX #383531


CSS-Code:

background-image: radial-gradient(circle, #887C6F 11%, #7A7665 45%, #383531 88%);

HEX #7A7665 over HEX #383531 to HEX #887C6F


CSS-Code:

background-image: linear-gradient(135deg, #7A7665 0%, #383531 48%, #887C6F 109%);


HEX #7A7665 over HEX #383531 to HEX #887C6F


CSS-Code:

background-image: radial-gradient(circle, #7A7665 -4%, #383531 46%, #887C6F 102%);

HEX #7A7665 over HEX #887C6F to HEX #383531


CSS-Code:

background-image: linear-gradient(135deg, #7A7665 -4%, #887C6F 47%, #383531 87%);


HEX #7A7665 over HEX #887C6F to HEX #383531


CSS-Code:

background-image: radial-gradient(circle, #7A7665 4%, #887C6F 48%, #383531 91%);

2-Color Gradients adjusted (12 pieces)

Show

3-Color Gradients adjusted (12 pieces)

Show

Advertisement