Paleta de colores Shades of Blue Opal
Brillo
Saturación
Calidez
UI Examples
Explore beautiful UI components with Shades of Blue Opal palette
CSS de la paleta de colores Shades of Blue Opal
/* CSS */
.color-1 {
color: #a6d7e7;
}
.color-2 {
color: #81b4c1;
}
.color-3 {
color: #4d8c99;
}
.color-4 {
color: #2e5b60;
}
.color-5 {
color: #1a3a42;
}
/* CSS Variables */
:root {
--color-1: #a6d7e7;
--color-2: #81b4c1;
--color-3: #4d8c99;
--color-4: #2e5b60;
--color-5: #1a3a42;
}
CSS del degradado de fondo Shades of Blue Opal
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a6d7e7, #81b4c1, #4d8c99, #2e5b60, #1a3a42);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a6d7e7, #81b4c1, #4d8c99, #2e5b60, #1a3a42);
}
Paletas de colores similares
Shades of Blue Opal color palette created on .