Blue Raspberry Tavolozza dei colori
Luminosità
Saturazione
Calore
UI Examples
Explore beautiful UI components with Blue Raspberry palette
Scarica la tavolozza dei colori Blue Raspberry (PNG)
tavolozza dei colori Blue Raspberry CSS
/* CSS */
.color-1 {
color: #1b6a98;
}
.color-2 {
color: #3a86b6;
}
.color-3 {
color: #5cb2d1;
}
.color-4 {
color: #73d3e8;
}
.color-5 {
color: #9fe6f4;
}
/* CSS Variables */
:root {
--color-1: #1b6a98;
--color-2: #3a86b6;
--color-3: #5cb2d1;
--color-4: #73d3e8;
--color-5: #9fe6f4;
}
CSS con gradiente di sfondo Blue Raspberry
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1b6a98, #3a86b6, #5cb2d1, #73d3e8, #9fe6f4);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1b6a98, #3a86b6, #5cb2d1, #73d3e8, #9fe6f4);
}
Tavolozze di colori simili
Blue Raspberry color palette created on .