Maroon and Sage Green Pastel カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Maroon and Sage Green Pastel palette
Maroon and Sage Green Pastel カラー パレット PNG 画像
Maroon and Sage Green Pastel カラーパレット CSS
/* CSS */
.color-1 {
color: #6a3e3e;
}
.color-2 {
color: #a3c8b6;
}
.color-3 {
color: #bea2a2;
}
.color-4 {
color: #e2e7d5;
}
.color-5 {
color: #e54c3e;
}
/* CSS Variables */
:root {
--color-1: #6a3e3e;
--color-2: #a3c8b6;
--color-3: #bea2a2;
--color-4: #e2e7d5;
--color-5: #e54c3e;
} Maroon and Sage Green Pastel の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6a3e3e, #a3c8b6, #bea2a2, #e2e7d5, #e54c3e);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6a3e3e, #a3c8b6, #bea2a2, #e2e7d5, #e54c3e);
} 似たようなカラーパレット
Maroon and Sage Green Pastel color palette created on .