Teal Dream Gradient
Bright teal into deep ocean blue.
Open in the gradient generator →
Color Stops
#43CEA2
#185A9D
Teal Dream CSS Code
HEX Copy
background: #43CEA2; background: linear-gradient(90deg, #43CEA2 0%, #185A9D 100%);
RGBA Copy
background: rgba(67, 206, 162, 1.0); background: linear-gradient(90deg, rgba(67, 206, 162, 1.0) 0%, rgba(24, 90, 157, 1.0) 100%);
HSLA Copy
background: hsla(161, 59%, 54%, 1.0); background: linear-gradient(90deg, hsla(161, 59%, 54%, 1.0) 0%, hsla(210, 73%, 35%, 1.0) 100%);
Similar Gradients
More Gradient Presets
FAQ
What is the Teal Dream gradient?Bright teal into deep ocean blue.
What's the CSS code for the Teal Dream gradient?
Use
background: linear-gradient(90deg, #43CEA2 0%, #185A9D 100%);. RGBA and HSLA versions are also available on this page.