Paleta de colores Cycelia's Gem
Brillo
Saturación
Calidez
UI Examples
Explore beautiful UI components with Cycelia's Gem palette
Imagen PNG de la paleta de colores Cycelia's Gem
CSS de la paleta de colores Cycelia's Gem
/* CSS */
.color-1 {
color: #f0c1d4;
}
.color-2 {
color: #b2e0e0;
}
.color-3 {
color: #5b9a9a;
}
.color-4 {
color: #3a7878;
}
.color-5 {
color: #2e4b4d;
}
/* CSS Variables */
:root {
--color-1: #f0c1d4;
--color-2: #b2e0e0;
--color-3: #5b9a9a;
--color-4: #3a7878;
--color-5: #2e4b4d;
} CSS del degradado de fondo Cycelia's Gem
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f0c1d4, #b2e0e0, #5b9a9a, #3a7878, #2e4b4d);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f0c1d4, #b2e0e0, #5b9a9a, #3a7878, #2e4b4d);
} Paletas de colores similares
Desplázate hacia abajo para explorar 1000+ paletas de colores colors.diamond
Cycelia's Gem color palette created on .