Coral Reef Gradient

Sunny orange into vivid coral red.
Open in the gradient generator →

Color Stops

#FF9966
#FF5E62

Coral Reef CSS Code

HEX Copy
background: #FF9966;
background: linear-gradient(45deg, #FF9966 0%, #FF5E62 100%);
RGBA Copy
background: rgba(255, 153, 102, 1.0);
background: linear-gradient(45deg, rgba(255, 153, 102, 1.0) 0%, rgba(255, 94, 98, 1.0) 100%);
HSLA Copy
background: hsla(20, 100%, 70%, 1.0);
background: linear-gradient(45deg, hsla(20, 100%, 70%, 1.0) 0%, hsla(359, 100%, 68%, 1.0) 100%);

More Gradient Presets

Generate a Gradient

Start your own gradient →