Blue Chocolate Biscuit カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Blue Chocolate Biscuit palette

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

Blue Chocolate Biscuit カラー パレット PNG 画像

Download blue chocolate biscuit color palette PNG image (landscape)
Download blue chocolate biscuit color palette PNG image (square)

Blue Chocolate Biscuit カラーパレット CSS

/* CSS */
.color-1 {
color: #4e3b31;
}
.color-2 {
color: #6f4c3e;
}
.color-3 {
color: #b39a6b;
}
.color-4 {
color: #8cb9e8;
}
.color-5 {
color: #5b8dd7;
}

/* CSS Variables */
:root {
--color-1: #4e3b31;
 --color-2: #6f4c3e;
 --color-3: #b39a6b;
 --color-4: #8cb9e8;
 --color-5: #5b8dd7;
 }

Blue Chocolate Biscuit の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4e3b31, #6f4c3e, #b39a6b, #8cb9e8, #5b8dd7);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4e3b31, #6f4c3e, #b39a6b, #8cb9e8, #5b8dd7);
}

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

Blue Chocolate Biscuit color palette created on .