Ocean Breeze Gradient
Cool blues that shift from deep sea to bright sky.
Open in the gradient generator →
Color Stops
#2193B0
#6DD5ED
Ocean Breeze CSS Code
HEX Copy
background: #2193B0; background: linear-gradient(90deg, #2193B0 0%, #6DD5ED 100%);
RGBA Copy
background: rgba(33, 147, 176, 1.0); background: linear-gradient(90deg, rgba(33, 147, 176, 1.0) 0%, rgba(109, 213, 237, 1.0) 100%);
HSLA Copy
background: hsla(192, 68%, 41%, 1.0); background: linear-gradient(90deg, hsla(192, 68%, 41%, 1.0) 0%, hsla(191, 78%, 68%, 1.0) 100%);
Similar Gradients
More Gradient Presets
FAQ
What is the Ocean Breeze gradient?Cool blues that shift from deep sea to bright sky.
What's the CSS code for the Ocean Breeze gradient?
Use
background: linear-gradient(90deg, #2193B0 0%, #6DD5ED 100%);. RGBA and HSLA versions are also available on this page.