Deep Sea Gradient
Teal and cyan mesh blobs glowing from their own deep sea base.
Open in the gradient generator →
Color Stops
#00A8CC
#005577
Background · #00A8CC
Deep Sea CSS Code
HEX Copy
background: #00A8CC; background: radial-gradient(at 87% 60%, #00A8CC, transparent 70%), radial-gradient(at 13% 40%, #005577, transparent 70%), #00A8CC;
RGBA Copy
background: rgba(0, 168, 204, 1.0); background: radial-gradient(at 87% 60%, rgba(0, 168, 204, 1.0), transparent 70%), radial-gradient(at 13% 40%, rgba(0, 85, 119, 1.0), transparent 70%), rgba(0, 168, 204, 1.0);
HSLA Copy
background: hsla(191, 100%, 40%, 1.0); background: radial-gradient(at 87% 60%, hsla(191, 100%, 40%, 1.0), transparent 70%), radial-gradient(at 13% 40%, hsla(197, 100%, 23%, 1.0), transparent 70%), hsla(191, 100%, 40%, 1.0);
More Gradient Presets
FAQ
What is the Deep Sea gradient?Teal and cyan mesh blobs glowing from their own deep sea base.
What's the CSS code for the Deep Sea gradient?
Use
background: radial-gradient(at 87% 60%, #00A8CC, transparent 70%), radial-gradient(at 13% 40%, #005577, transparent 70%), #00A8CC;. RGBA and HSLA versions are also available on this page.