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

More Gradient Presets

Generate a Gradient

Start your own gradient →