Paleta de colores Shades of Purple and Blue
Brillo
Saturación
Calidez
UI Examples
Explore beautiful UI components with Shades of Purple and Blue palette
CSS de la paleta de colores Shades of Purple and Blue
/* CSS */
.color-1 {
color: #5d4b8b;
}
.color-2 {
color: #7b7e9d;
}
.color-3 {
color: #9c7c90;
}
.color-4 {
color: #c1a79a;
}
.color-5 {
color: #e5b8c4;
}
/* CSS Variables */
:root {
--color-1: #5d4b8b;
--color-2: #7b7e9d;
--color-3: #9c7c90;
--color-4: #c1a79a;
--color-5: #e5b8c4;
} CSS del degradado de fondo Shades of Purple and Blue
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5d4b8b, #7b7e9d, #9c7c90, #c1a79a, #e5b8c4);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5d4b8b, #7b7e9d, #9c7c90, #c1a79a, #e5b8c4);
} Paletas de colores similares
Shades of Purple and Blue color palette created on .