Gradient Builder

Adjust mode, color stops, and stop positions visually, then copy clean CSS in one click.

Gradient modeAngle (120deg)Third stop

Stop A colorStop B colorStop C color

CSS output

background: linear-gradient(120deg, #4fd1ff 0%, #9c7cff 50%, #76e9c2 100%);