Orange Pumpkin Pie Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Orange Pumpkin Pie palette

Condividi questa palette a:

tavolozza dei colori Orange Pumpkin Pie CSS

/* CSS */
.color-1 {
color: #c2570f;
}
.color-2 {
color: #d0751b;
}
.color-3 {
color: #db9224;
}
.color-4 {
color: #ce871c;
}
.color-5 {
color: #aa4813;
}

/* CSS Variables */
:root {
--color-1: #c2570f;
 --color-2: #d0751b;
 --color-3: #db9224;
 --color-4: #ce871c;
 --color-5: #aa4813;
 }

CSS con gradiente di sfondo Orange Pumpkin Pie

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c2570f, #d0751b, #db9224, #ce871c, #aa4813);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c2570f, #d0751b, #db9224, #ce871c, #aa4813);
}

Tavolozze di colori simili

Orange Pumpkin Pie color palette created on .