Paleta de colores Gray Scale

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Gray Scale palette

Compartir esta paleta en:

Descargar la paleta de colores Gray Scale (PNG)

Download gray scale color palette PNG image (landscape)
Download gray scale color palette PNG image (square)

CSS de la paleta de colores Gray Scale

/* CSS */
.color-1 {
color: #afb2b6;
}
.color-2 {
color: #a7a8aa;
}
.color-3 {
color: #9c9fa0;
}
.color-4 {
color: #8d8e91;
}
.color-5 {
color: #7a7c7f;
}

/* CSS Variables */
:root {
--color-1: #afb2b6;
--color-2: #a7a8aa;
--color-3: #9c9fa0;
--color-4: #8d8e91;
--color-5: #7a7c7f;
}

CSS del degradado de fondo Gray Scale

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #afb2b6, #a7a8aa, #9c9fa0, #8d8e91, #7a7c7f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #afb2b6, #a7a8aa, #9c9fa0, #8d8e91, #7a7c7f);
}

Gray Scale color palette created on .