Cool Light Blues Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Cool Light Blues palette

Ispirazione Colori

Immagini che mostrano questa palette di colori in design reali

Condividi questa palette a:

Scarica la tavolozza dei colori Cool Light Blues (PNG)

Download cool light blues color palette PNG image (landscape)
Download cool light blues color palette PNG image (square)

tavolozza dei colori Cool Light Blues CSS

/* CSS */
.color-1 {
color: #ecf8fe;
}
.color-2 {
color: #e4f5fb;
}
.color-3 {
color: #d9f0f7;
}
.color-4 {
color: #cbe7f1;
}
.color-5 {
color: #c3dbe9;
}

/* CSS Variables */
:root {
--color-1: #ecf8fe;
 --color-2: #e4f5fb;
 --color-3: #d9f0f7;
 --color-4: #cbe7f1;
 --color-5: #c3dbe9;
 }

CSS con gradiente di sfondo Cool Light Blues

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ecf8fe, #e4f5fb, #d9f0f7, #cbe7f1, #c3dbe9);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ecf8fe, #e4f5fb, #d9f0f7, #cbe7f1, #c3dbe9);
}

Tavolozze di colori simili

Cool Light Blues color palette created on .