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%);

More Gradient Presets

Generate a Gradient

Start your own gradient →