Bethany Auburn Elf カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Bethany Auburn Elf palette

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

Bethany Auburn Elf カラー パレット PNG 画像

Download bethany auburn elf color palette PNG image (landscape)
Download bethany auburn elf color palette PNG image (square)

Bethany Auburn Elf カラーパレット CSS

/* CSS */
.color-1 {
color: #a65b3a;
}
.color-2 {
color: #c88e6f;
}
.color-3 {
color: #e2b9a2;
}
.color-4 {
color: #f5e0d1;
}
.color-5 {
color: #f9c3b4;
}

/* CSS Variables */
:root {
--color-1: #a65b3a;
 --color-2: #c88e6f;
 --color-3: #e2b9a2;
 --color-4: #f5e0d1;
 --color-5: #f9c3b4;
 }

Bethany Auburn Elf の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a65b3a, #c88e6f, #e2b9a2, #f5e0d1, #f9c3b4);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a65b3a, #c88e6f, #e2b9a2, #f5e0d1, #f9c3b4);
}

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

Bethany Auburn Elf color palette created on .