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 - Stg 1

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.

Lineal

HEX #290E0E to HEX #363631


CSS-Code:

background-image: linear-gradient(135deg, #290E0E 1%, #363631 102%);

Radial

HEX #290E0E to HEX #363631


CSS-Code:

background-image: radial-gradient(circle, #290E0E -3%, #363631 208%);

HEX #290E0E to HEX #2E271C


CSS-Code:

background-image: linear-gradient(135deg, #290E0E -2%, #2E271C 91%);


HEX #290E0E to HEX #2E271C


CSS-Code:

background-image: radial-gradient(circle, #290E0E -1%, #2E271C 195%);

HEX #363631 to HEX #290E0E


CSS-Code:

background-image: linear-gradient(135deg, #363631 0%, #290E0E 101%);


HEX #363631 to HEX #290E0E


CSS-Code:

background-image: radial-gradient(circle, #363631 8%, #290E0E 202%);

HEX #363631 to HEX #2E271C


CSS-Code:

background-image: linear-gradient(135deg, #363631 9%, #2E271C 101%);


HEX #363631 to HEX #2E271C


CSS-Code:

background-image: radial-gradient(circle, #363631 0%, #2E271C 201%);

HEX #2E271C to HEX #290E0E


CSS-Code:

background-image: linear-gradient(135deg, #2E271C -1%, #290E0E 87%);


HEX #2E271C to HEX #290E0E


CSS-Code:

background-image: radial-gradient(circle, #2E271C -1%, #290E0E 189%);

HEX #2E271C to HEX #363631


CSS-Code:

background-image: linear-gradient(135deg, #2E271C 4%, #363631 89%);


HEX #2E271C to HEX #363631


CSS-Code:

background-image: radial-gradient(circle, #2E271C -7%, #363631 207%);

Lineal

HEX #290E0E over HEX #363631 to HEX #2E271C


CSS-Code:

background-image: linear-gradient(135deg, #290E0E 9%, #363631 45%, #2E271C 109%);

Radial

HEX #290E0E over HEX #363631 to HEX #2E271C


CSS-Code:

background-image: radial-gradient(circle, #290E0E 10%, #363631 45%, #2E271C 96%);

HEX #290E0E over HEX #2E271C to HEX #363631


CSS-Code:

background-image: linear-gradient(135deg, #290E0E 9%, #2E271C 55%, #363631 109%);


HEX #290E0E over HEX #2E271C to HEX #363631


CSS-Code:

background-image: radial-gradient(circle, #290E0E -7%, #2E271C 57%, #363631 86%);

HEX #363631 over HEX #290E0E to HEX #2E271C


CSS-Code:

background-image: linear-gradient(135deg, #363631 12%, #290E0E 51%, #2E271C 88%);


HEX #363631 over HEX #290E0E to HEX #2E271C


CSS-Code:

background-image: radial-gradient(circle, #363631 0%, #290E0E 45%, #2E271C 104%);

HEX #363631 over HEX #2E271C to HEX #290E0E


CSS-Code:

background-image: linear-gradient(135deg, #363631 0%, #2E271C 47%, #290E0E 90%);


HEX #363631 over HEX #2E271C to HEX #290E0E


CSS-Code:

background-image: radial-gradient(circle, #363631 7%, #2E271C 46%, #290E0E 100%);

HEX #2E271C over HEX #290E0E to HEX #363631


CSS-Code:

background-image: linear-gradient(135deg, #2E271C 9%, #290E0E 57%, #363631 108%);


HEX #2E271C over HEX #290E0E to HEX #363631


CSS-Code:

background-image: radial-gradient(circle, #2E271C 2%, #290E0E 56%, #363631 95%);

HEX #2E271C over HEX #363631 to HEX #290E0E


CSS-Code:

background-image: linear-gradient(135deg, #2E271C -7%, #363631 47%, #290E0E 97%);


HEX #2E271C over HEX #363631 to HEX #290E0E


CSS-Code:

background-image: radial-gradient(circle, #2E271C 14%, #363631 50%, #290E0E 108%);

2-Color Gradients adjusted (12 pieces)

Show

3-Color Gradients adjusted (12 pieces)

Show