Paleta de colores Blue and Orange Harmony
Brillo
Saturación
Calidez
UI Examples
Explore beautiful UI components with Blue and Orange Harmony palette
CSS de la paleta de colores Blue and Orange Harmony
/* CSS */
.color-1 {
color: #1f89e5;
}
.color-2 {
color: #ff6d1f;
}
.color-3 {
color: #ffb84d;
}
.color-4 {
color: #4eb7ac;
}
.color-5 {
color: #006b5f;
}
/* CSS Variables */
:root {
--color-1: #1f89e5;
--color-2: #ff6d1f;
--color-3: #ffb84d;
--color-4: #4eb7ac;
--color-5: #006b5f;
} CSS del degradado de fondo Blue and Orange Harmony
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f89e5, #ff6d1f, #ffb84d, #4eb7ac, #006b5f);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f89e5, #ff6d1f, #ffb84d, #4eb7ac, #006b5f);
} Paletas de colores similares
Blue and Orange Harmony color palette created on .