Build beautiful CSS gradients with a visual editor and copy the code.
background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);
Choose between linear or radial gradient. For linear gradients, adjust the angle with the slider. Add or remove color stops and position them along the gradient. The live preview updates instantly. When you are happy with the result, click Copy to grab the CSS code.