Four BFB Blue Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Four BFB Blue palette

Condividi questa palette a:

Scarica la tavolozza dei colori Four BFB Blue (PNG)

Download four bfb blue color palette PNG image (landscape)
Download four bfb blue color palette PNG image (square)

tavolozza dei colori Four BFB Blue CSS

/* CSS */
.color-1 {
color: #1d4d91;
}
.color-2 {
color: #3b6bbf;
}
.color-3 {
color: #6cb4e4;
}
.color-4 {
color: #a4d8f9;
}
.color-5 {
color: #e0f0ff;
}

/* CSS Variables */
:root {
--color-1: #1d4d91;
--color-2: #3b6bbf;
--color-3: #6cb4e4;
--color-4: #a4d8f9;
--color-5: #e0f0ff;
}

CSS con gradiente di sfondo Four BFB Blue

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1d4d91, #3b6bbf, #6cb4e4, #a4d8f9, #e0f0ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1d4d91, #3b6bbf, #6cb4e4, #a4d8f9, #e0f0ff);
}

Four BFB Blue color palette created on .