Kathrine Breeze Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Kathrine Breeze palette

Ispirazione Colori

Immagini che mostrano questa palette di colori in design reali

Condividi questa palette a:

Scarica la tavolozza dei colori Kathrine Breeze (PNG)

Download kathrine breeze color palette PNG image (landscape)
Download kathrine breeze color palette PNG image (square)

tavolozza dei colori Kathrine Breeze CSS

/* CSS */
.color-1 {
color: #a4d4e5;
}
.color-2 {
color: #7bb3d5;
}
.color-3 {
color: #4c89b8;
}
.color-4 {
color: #2b5b88;
}
.color-5 {
color: #0a3d5c;
}

/* CSS Variables */
:root {
--color-1: #a4d4e5;
 --color-2: #7bb3d5;
 --color-3: #4c89b8;
 --color-4: #2b5b88;
 --color-5: #0a3d5c;
 }

CSS con gradiente di sfondo Kathrine Breeze

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a4d4e5, #7bb3d5, #4c89b8, #2b5b88, #0a3d5c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a4d4e5, #7bb3d5, #4c89b8, #2b5b88, #0a3d5c);
}

Tavolozze di colori simili

Kathrine Breeze color palette created on .