Mint Chocolate Gradient

Deep teal into a fresh sage green.
Open in the gradient generator →

Color Stops

#134E5E
#71B280

Mint Chocolate CSS Code

HEX Copy
background: #134E5E;
background: linear-gradient(135deg, #134E5E 0%, #71B280 100%);
RGBA Copy
background: rgba(19, 78, 94, 1.0);
background: linear-gradient(135deg, rgba(19, 78, 94, 1.0) 0%, rgba(113, 178, 128, 1.0) 100%);
HSLA Copy
background: hsla(193, 66%, 22%, 1.0);
background: linear-gradient(135deg, hsla(193, 66%, 22%, 1.0) 0%, hsla(134, 30%, 57%, 1.0) 100%);

Similar Gradients

More Gradient Presets

FAQ

What is the Mint Chocolate gradient?

Deep teal into a fresh sage green.

What's the CSS code for the Mint Chocolate gradient?

Use background: linear-gradient(135deg, #134E5E 0%, #71B280 100%);. RGBA and HSLA versions are also available on this page.

Generate a Gradient

Start your own gradient →