Advertise on WebGradients — reach designers & frontend developers.Learn more
#4FB576
#44C489
#28A9AE
#28A2B7
#4C7788
#6C4F63
#432C39

Linear CSS gradient

#065 Burning Spring Gradient

Burning Spring runs flowing upward from bottom to top, blending green (#4FB576), emerald (#44C489), teal (#28A9AE), teal (#28A2B7), cyan (#4C7788), magenta (#6C4F63), and magenta (#432C39) in a smooth 7 colour stops linear CSS gradient.

The blue-leaning balance conveys dependability — a palette that earns trust before the headline is even read.

Works well for SaaS marketing pages, corporate intranets, productivity tools. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.

Color palette

ColorHEXRGB
#4FB576rgb(79, 181, 118)
#44C489rgb(68, 196, 137)
#28A9AErgb(40, 169, 174)
#28A2B7rgb(40, 162, 183)
#4C7788rgb(76, 119, 136)
#6C4F63rgb(108, 79, 99)
#432C39rgb(67, 44, 57)

CSS code

background-image: linear-gradient(to top, #4fb576 0%, #44c489 30%, #28a9ae 46%, #28a2b7 59%, #4c7788 71%, #6c4f63 86%, #432c39 100%);

#065 Burning Spring Gradient preview