Paleta de colores Charlie Morningstar Rainbow

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Charlie Morningstar Rainbow palette

Compartir esta paleta en:

Descargar la paleta de colores Charlie Morningstar Rainbow (PNG)

Download charlie morningstar rainbow color palette PNG image (landscape)
Download charlie morningstar rainbow color palette PNG image (square)

CSS de la paleta de colores Charlie Morningstar Rainbow

/* CSS */
.color-1 {
color: #ff8052;
}
.color-2 {
color: #ffb84d;
}
.color-3 {
color: #ffd54d;
}
.color-4 {
color: #91ee91;
}
.color-5 {
color: #add8e6;
}

/* CSS Variables */
:root {
--color-1: #ff8052;
--color-2: #ffb84d;
--color-3: #ffd54d;
--color-4: #91ee91;
--color-5: #add8e6;
}

CSS del degradado de fondo Charlie Morningstar Rainbow

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff8052, #ffb84d, #ffd54d, #91ee91, #add8e6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff8052, #ffb84d, #ffd54d, #91ee91, #add8e6);
}

Paletas de colores similares

Charlie Morningstar Rainbow color palette created on .