Shots of Passion Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Shots of Passion palette

Condividi questa palette a:

Scarica la tavolozza dei colori Shots of Passion (PNG)

Download shots of passion color palette PNG image (landscape)
Download shots of passion color palette PNG image (square)

tavolozza dei colori Shots of Passion CSS

/* CSS */
.color-1 {
color: #ffbdd4;
}
.color-2 {
color: #ffccd5;
}
.color-3 {
color: #ffdddb;
}
.color-4 {
color: #ffe8e5;
}
.color-5 {
color: #fff3eb;
}

/* CSS Variables */
:root {
--color-1: #ffbdd4;
--color-2: #ffccd5;
--color-3: #ffdddb;
--color-4: #ffe8e5;
--color-5: #fff3eb;
}

CSS con gradiente di sfondo Shots of Passion

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffbdd4, #ffccd5, #ffdddb, #ffe8e5, #fff3eb);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffbdd4, #ffccd5, #ffdddb, #ffe8e5, #fff3eb);
}

Shots of Passion color palette created on .