Blended Essence カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Blended Essence palette

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

Blended Essence カラー パレット PNG 画像

Download blended essence color palette PNG image (landscape)
Download blended essence color palette PNG image (square)

Blended Essence カラーパレット CSS

/* CSS */
.color-1 {
color: #d3a6c8;
}
.color-2 {
color: #5b5f76;
}
.color-3 {
color: #b5d1e8;
}
.color-4 {
color: #f0a800;
}
.color-5 {
color: #c94a4a;
}

/* CSS Variables */
:root {
--color-1: #d3a6c8;
 --color-2: #5b5f76;
 --color-3: #b5d1e8;
 --color-4: #f0a800;
 --color-5: #c94a4a;
 }

Blended Essence の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d3a6c8, #5b5f76, #b5d1e8, #f0a800, #c94a4a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d3a6c8, #5b5f76, #b5d1e8, #f0a800, #c94a4a);
}

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

下にスクロールして3個のフェミニンカラーパレットを探索しましょう

Blended Essence color palette created on .