Sea Glass Gradient
Pale aqua deepening into teal.
Open in the gradient generator →
Color Stops
#E0F7FA
#80DEEA
#00695C
Sea Glass CSS Code
HEX Copy
background: #E0F7FA; background: radial-gradient(at left center, #E0F7FA 0%, #80DEEA 50%, #00695C 100%);
RGBA Copy
background: rgba(224, 247, 250, 1.0); background: radial-gradient(at left center, rgba(224, 247, 250, 1.0) 0%, rgba(128, 222, 234, 1.0) 50%, rgba(0, 105, 92, 1.0) 100%);
HSLA Copy
background: hsla(187, 72%, 93%, 1.0); background: radial-gradient(at left center, hsla(187, 72%, 93%, 1.0) 0%, hsla(187, 72%, 71%, 1.0) 50%, hsla(173, 100%, 21%, 1.0) 100%);
More Gradient Presets
FAQ
What is the Sea Glass gradient?Pale aqua deepening into teal.
What's the CSS code for the Sea Glass gradient?
Use
background: radial-gradient(at left center, #E0F7FA 0%, #80DEEA 50%, #00695C 100%);. RGBA and HSLA versions are also available on this page.