Fire Smoke and Auburn カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Fire Smoke and Auburn palette

このパレットを共有する先：

Fire Smoke and Auburn カラー パレット PNG 画像

Download fire smoke and auburn color palette PNG image (landscape)
Download fire smoke and auburn color palette PNG image (square)

Fire Smoke and Auburn カラーパレット CSS

/* CSS */
.color-1 {
color: #c85c4c;
}
.color-2 {
color: #d6a17a;
}
.color-3 {
color: #d6b366;
}
.color-4 {
color: #f1c150;
}
.color-5 {
color: #a86b4d;
}

/* CSS Variables */
:root {
--color-1: #c85c4c;
 --color-2: #d6a17a;
 --color-3: #d6b366;
 --color-4: #f1c150;
 --color-5: #a86b4d;
 }

Fire Smoke and Auburn の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c85c4c, #d6a17a, #d6b366, #f1c150, #a86b4d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c85c4c, #d6a17a, #d6b366, #f1c150, #a86b4d);
}

似たようなカラーパレット

Fire Smoke and Auburn color palette created on .