Craggy Mountain Crone カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Craggy Mountain Crone palette

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

Craggy Mountain Crone カラー パレット PNG 画像

Download craggy mountain crone color palette PNG image (landscape)
Download craggy mountain crone color palette PNG image (square)

Craggy Mountain Crone カラーパレット CSS

/* CSS */
.color-1 {
color: #b6c8d8;
}
.color-2 {
color: #8ea4b8;
}
.color-3 {
color: #6b809e;
}
.color-4 {
color: #4d5d80;
}
.color-5 {
color: #3c4c72;
}

/* CSS Variables */
:root {
--color-1: #b6c8d8;
 --color-2: #8ea4b8;
 --color-3: #6b809e;
 --color-4: #4d5d80;
 --color-5: #3c4c72;
 }

Craggy Mountain Crone の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b6c8d8, #8ea4b8, #6b809e, #4d5d80, #3c4c72);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b6c8d8, #8ea4b8, #6b809e, #4d5d80, #3c4c72);
}

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

下にスクロールして1個のマウンテンカラーパレットを探索しましょう

Craggy Mountain Crone color palette created on .