Rainbow Flow Gradient

rainbowlinearflow#22C55E#EF4444#8B5CF6

CSS

background: linear-gradient(200deg, #22c55e, #ef4444, #8b5cf6);

Edit in generator →

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="800" height="400" viewBox="0 0 800 400"><defs><linearGradient id="g" gradientTransform="rotate(200 .5 .5)"><stop offset="0" stop-color="#22c55e"/><stop offset="0.5" stop-color="#ef4444"/><stop offset="1" stop-color="#8b5cf6"/></linearGradient></defs><rect width="800" height="400" fill="url(#g)"/></svg>

Colors in this gradient

#22C55E

rgb(34, 197, 94)

#EF4444

rgb(239, 68, 68)

#8B5CF6

rgb(139, 92, 246)

Families: Rainbow Gradients

More gradients like this