Muted Purple and Green Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Muted Purple and Green palette

Ispirazione Colori

Immagini che mostrano questa palette di colori in design reali

Condividi questa palette a:

Scarica la tavolozza dei colori Muted Purple and Green (PNG)

Download muted purple and green color palette PNG image (landscape)
Download muted purple and green color palette PNG image (square)

tavolozza dei colori Muted Purple and Green CSS

/* CSS */
.color-1 {
color: #7b5c99;
}
.color-2 {
color: #5b805b;
}
.color-3 {
color: #9b907d;
}
.color-4 {
color: #b3c8a3;
}
.color-5 {
color: #d4c8e0;
}

/* CSS Variables */
:root {
--color-1: #7b5c99;
 --color-2: #5b805b;
 --color-3: #9b907d;
 --color-4: #b3c8a3;
 --color-5: #d4c8e0;
 }

CSS con gradiente di sfondo Muted Purple and Green

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #7b5c99, #5b805b, #9b907d, #b3c8a3, #d4c8e0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #7b5c99, #5b805b, #9b907d, #b3c8a3, #d4c8e0);
}

Tavolozze di colori simili

Muted Purple and Green color palette created on .