Blueberry Cinnamon Delight カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Blueberry Cinnamon Delight palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
Blueberry Cinnamon Delight カラーパレット (PNG) をダウンロード
Blueberry Cinnamon Delight カラーパレット CSS
/* CSS */
.color-1 {
color: #6b9cd1;
}
.color-2 {
color: #b0c4e8;
}
.color-3 {
color: #e4b99b;
}
.color-4 {
color: #c77c5c;
}
.color-5 {
color: #5b3a29;
}
/* CSS Variables */
:root {
--color-1: #6b9cd1;
--color-2: #b0c4e8;
--color-3: #e4b99b;
--color-4: #c77c5c;
--color-5: #5b3a29;
}
Blueberry Cinnamon Delight の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6b9cd1, #b0c4e8, #e4b99b, #c77c5c, #5b3a29);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6b9cd1, #b0c4e8, #e4b99b, #c77c5c, #5b3a29);
}
似たようなカラーパレット
Blueberry Cinnamon Delight color palette created on .