Deep Trench Gradient
Bright cyan plunging into near-black navy.
Open in the gradient generator →
Color Stops
#4FC3E8
#0B3D91
#000814
Deep Trench CSS Code
HEX Copy
background: #4FC3E8; background: radial-gradient(at center, #4FC3E8 0%, #0B3D91 50%, #000814 100%);
RGBA Copy
background: rgba(79, 195, 232, 1.0); background: radial-gradient(at center, rgba(79, 195, 232, 1.0) 0%, rgba(11, 61, 145, 1.0) 50%, rgba(0, 8, 20, 1.0) 100%);
HSLA Copy
background: hsla(195, 77%, 61%, 1.0); background: radial-gradient(at center, hsla(195, 77%, 61%, 1.0) 0%, hsla(218, 86%, 31%, 1.0) 50%, hsla(216, 100%, 4%, 1.0) 100%);
More Gradient Presets
FAQ
What is the Deep Trench gradient?Bright cyan plunging into near-black navy.
What's the CSS code for the Deep Trench gradient?
Use
background: radial-gradient(at center, #4FC3E8 0%, #0B3D91 50%, #000814 100%);. RGBA and HSLA versions are also available on this page.