Celestial Blues Tavolozza dei colori
Luminosità
Saturazione
Calore
UI Examples
Explore beautiful UI components with Celestial Blues palette
Immagine PNG della tavolozza dei colori Celestial Blues
tavolozza dei colori Celestial Blues CSS
/* CSS */
.color-1 {
color: #c2d2e0;
}
.color-2 {
color: #a7c6e7;
}
.color-3 {
color: #4f8bcf;
}
.color-4 {
color: #2a6d9d;
}
.color-5 {
color: #1e498a;
}
/* CSS Variables */
:root {
--color-1: #c2d2e0;
--color-2: #a7c6e7;
--color-3: #4f8bcf;
--color-4: #2a6d9d;
--color-5: #1e498a;
} CSS con gradiente di sfondo Celestial Blues
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c2d2e0, #a7c6e7, #4f8bcf, #2a6d9d, #1e498a);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c2d2e0, #a7c6e7, #4f8bcf, #2a6d9d, #1e498a);
} Tavolozze di colori simili
Celestial Blues color palette created on .