Rich Brown Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Rich Brown palette

Ispirazione Colori

Immagini che mostrano questa palette di colori in design reali

Condividi questa palette a:

Scarica la tavolozza dei colori Rich Brown (PNG)

Download rich brown color palette PNG image (landscape)
Download rich brown color palette PNG image (square)

tavolozza dei colori Rich Brown CSS

/* CSS */
.color-1 {
color: #d3a76f;
}
.color-2 {
color: #b3794d;
}
.color-3 {
color: #9f573c;
}
.color-4 {
color: #7e2a26;
}
.color-5 {
color: #4f1c1e;
}

/* CSS Variables */
:root {
--color-1: #d3a76f;
 --color-2: #b3794d;
 --color-3: #9f573c;
 --color-4: #7e2a26;
 --color-5: #4f1c1e;
 }

CSS con gradiente di sfondo Rich Brown

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d3a76f, #b3794d, #9f573c, #7e2a26, #4f1c1e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d3a76f, #b3794d, #9f573c, #7e2a26, #4f1c1e);
}

Tavolozze di colori simili

Rich Brown color palette created on .