Silver Blue Stream カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Silver Blue Stream palette

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

Silver Blue Stream カラー パレット PNG 画像

Download silver blue stream color palette PNG image (landscape)
Download silver blue stream color palette PNG image (square)

Silver Blue Stream カラーパレット CSS

/* CSS */
.color-1 {
color: #a6c4d9;
}
.color-2 {
color: #a3d7e0;
}
.color-3 {
color: #b1e0e7;
}
.color-4 {
color: #e3f7f2;
}
.color-5 {
color: #f6f9f9;
}

/* CSS Variables */
:root {
--color-1: #a6c4d9;
 --color-2: #a3d7e0;
 --color-3: #b1e0e7;
 --color-4: #e3f7f2;
 --color-5: #f6f9f9;
 }

Silver Blue Stream の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a6c4d9, #a3d7e0, #b1e0e7, #e3f7f2, #f6f9f9);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a6c4d9, #a3d7e0, #b1e0e7, #e3f7f2, #f6f9f9);
}

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

Silver Blue Stream color palette created on .