Neon Wheel Gradient

neonconicwheelconic#22D3EE#A3E635#22D3EE

CSS

background: conic-gradient(from 135deg at center, #22d3ee, #a3e635, #22d3ee);

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(135 .5 .5)"><stop offset="0" stop-color="#22d3ee"/><stop offset="0.5" stop-color="#a3e635"/><stop offset="1" stop-color="#22d3ee"/></linearGradient></defs><rect width="800" height="400" fill="url(#g)"/></svg>

Colors in this gradient

#22D3EE

rgb(34, 211, 238)

#A3E635

rgb(163, 230, 53)

#22D3EE

rgb(34, 211, 238)

Families: Neon Gradients

More gradients like this