Paleta de colores Purple and Green Balance
Brillo
Saturación
Calidez
UI Examples
Explore beautiful UI components with Purple and Green Balance palette
CSS de la paleta de colores Purple and Green Balance
/* CSS */
.color-1 {
color: #668e93;
}
.color-2 {
color: #a3c7b4;
}
.color-3 {
color: #d0e7d0;
}
.color-4 {
color: #e2b1e7;
}
.color-5 {
color: #a86b9d;
}
/* CSS Variables */
:root {
--color-1: #668e93;
--color-2: #a3c7b4;
--color-3: #d0e7d0;
--color-4: #e2b1e7;
--color-5: #a86b9d;
} CSS del degradado de fondo Purple and Green Balance
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #668e93, #a3c7b4, #d0e7d0, #e2b1e7, #a86b9d);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #668e93, #a3c7b4, #d0e7d0, #e2b1e7, #a86b9d);
} Paletas de colores similares
Purple and Green Balance color palette created on .