Rustic Red Revival カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Rustic Red Revival palette

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

Rustic Red Revival カラー パレット PNG 画像

Download rustic red revival color palette PNG image (landscape)
Download rustic red revival color palette PNG image (square)

Rustic Red Revival カラーパレット CSS

/* CSS */
.color-1 {
color: #7d2b2b;
}
.color-2 {
color: #a13a3a;
}
.color-3 {
color: #d65c5c;
}
.color-4 {
color: #f9a09a;
}
.color-5 {
color: #ffb3b3;
}

/* CSS Variables */
:root {
--color-1: #7d2b2b;
 --color-2: #a13a3a;
 --color-3: #d65c5c;
 --color-4: #f9a09a;
 --color-5: #ffb3b3;
 }

Rustic Red Revival の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #7d2b2b, #a13a3a, #d65c5c, #f9a09a, #ffb3b3);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #7d2b2b, #a13a3a, #d65c5c, #f9a09a, #ffb3b3);
}

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

Rustic Red Revival color palette created on .