Shades of Iron Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Shades of Iron palette

Condividi questa palette a:

Scarica la tavolozza dei colori Shades of Iron (PNG)

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

tavolozza dei colori Shades of Iron CSS

/* CSS */
.color-1 {
color: #afb3b6;
}
.color-2 {
color: #7d7e82;
}
.color-3 {
color: #5c5d61;
}
.color-4 {
color: #3b3d3f;
}
.color-5 {
color: #1b1c1d;
}

/* CSS Variables */
:root {
--color-1: #afb3b6;
 --color-2: #7d7e82;
 --color-3: #5c5d61;
 --color-4: #3b3d3f;
 --color-5: #1b1c1d;
 }

CSS con gradiente di sfondo Shades of Iron

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #afb3b6, #7d7e82, #5c5d61, #3b3d3f, #1b1c1d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #afb3b6, #7d7e82, #5c5d61, #3b3d3f, #1b1c1d);
}

Tavolozze di colori simili

Shades of Iron color palette created on .