Paleta de colores Shades of Amethyst

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Shades of Amethyst palette

Compartir esta paleta en:

Descargar la paleta de colores Shades of Amethyst (PNG)

Download shades of amethyst color palette PNG image (landscape)
Download shades of amethyst color palette PNG image (square)

CSS de la paleta de colores Shades of Amethyst

/* CSS */
.color-1 {
color: #412c6d;
}
.color-2 {
color: #5e3c86;
}
.color-3 {
color: #804997;
}
.color-4 {
color: #8a58a7;
}
.color-5 {
color: #99679e;
}

/* CSS Variables */
:root {
--color-1: #412c6d;
 --color-2: #5e3c86;
 --color-3: #804997;
 --color-4: #8a58a7;
 --color-5: #99679e;
 }

CSS del degradado de fondo Shades of Amethyst

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #412c6d, #5e3c86, #804997, #8a58a7, #99679e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #412c6d, #5e3c86, #804997, #8a58a7, #99679e);
}

Paletas de colores similares

Shades of Amethyst color palette created on .