Sage Maroon Summer Wedding カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Sage Maroon Summer Wedding palette

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

Sage Maroon Summer Wedding カラー パレット PNG 画像

Download sage maroon summer wedding color palette PNG image (landscape)
Download sage maroon summer wedding color palette PNG image (square)

Sage Maroon Summer Wedding カラーパレット CSS

/* CSS */
.color-1 {
color: #b1c8b1;
}
.color-2 {
color: #9e5151;
}
.color-3 {
color: #d6c2c2;
}
.color-4 {
color: #f0e3d6;
}
.color-5 {
color: #c9bea6;
}

/* CSS Variables */
:root {
--color-1: #b1c8b1;
 --color-2: #9e5151;
 --color-3: #d6c2c2;
 --color-4: #f0e3d6;
 --color-5: #c9bea6;
 }

Sage Maroon Summer Wedding の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b1c8b1, #9e5151, #d6c2c2, #f0e3d6, #c9bea6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b1c8b1, #9e5151, #d6c2c2, #f0e3d6, #c9bea6);
}

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

Sage Maroon Summer Wedding color palette created on .