Fade Spearmint カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Fade Spearmint palette

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

Fade Spearmint カラー パレット PNG 画像

Download fade spearmint color palette PNG image (landscape)
Download fade spearmint color palette PNG image (square)

Fade Spearmint カラーパレット CSS

/* CSS */
.color-1 {
color: #a7e2d4;
}
.color-2 {
color: #6ed4c3;
}
.color-3 {
color: #4bc3b1;
}
.color-4 {
color: #2bab9c;
}
.color-5 {
color: #1e9989;
}

/* CSS Variables */
:root {
--color-1: #a7e2d4;
 --color-2: #6ed4c3;
 --color-3: #4bc3b1;
 --color-4: #2bab9c;
 --color-5: #1e9989;
 }

Fade Spearmint の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a7e2d4, #6ed4c3, #4bc3b1, #2bab9c, #1e9989);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a7e2d4, #6ed4c3, #4bc3b1, #2bab9c, #1e9989);
}

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

Fade Spearmint color palette created on .