Gradients · blue
Blue Gradient: 12 Wallpapers Ready to Download
From ice blue to midnight: blue gradients ready to download as phone or desktop wallpapers, with their codes. Sky blue for a bright screen, dark blue for a dark one: adjust any of them in the generator.
-
Blue to white -
Dark blue -
Sky blue -
Steel blue -
Light blue -
Ocean -
Royal blue -
Denim -
Blue to purple -
Blue to pink -
Blue to black -
Dawn sky
Shades of Blue
The most used blues, from light to dark, with their names and codes.
What Colors Go With Blue?
Blue is cool and calm, and a warm color brings it to life. Three pairings, from bold contrast to soft.
- Blue & orange Open in the generator : Blue & orange
- Navy & gold Open in the generator : Navy & gold
- Blue & cream Open in the generator : Blue & cream
Frequently asked questions
What are the shades of blue?
From light to dark: ice blue, powder blue, sky blue, pastel blue, cornflower, steel blue, dodger blue, cobalt, royal blue, sapphire, navy and midnight blue. Navy (#000080) and midnight blue (#14213D) are the darkest.
What color goes with blue?
Orange for a bold contrast, gold for an elegant navy, cream for a soft look.
How do I make a dark blue linear gradient in CSS?
Open the “Dark blue” gradient in the generator, choose Linear and an angle, then click “Copy CSS”: you get a ready-to-paste linear-gradient code.
