Loading…
Loading…
Visual CSS gradient builder with linear, radial, and conic gradients.
Click the bar to add a color stop. Drag stops to reposition.
background: linear-gradient(135deg, #8b83e8 0%, #667eea 100%);
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="400">
<defs>
<linearGradient id="g" x1="14.64%" y1="14.64%" x2="85.36%" y2="85.36%">
<stop offset="0%" stop-color="#8b83e8" />
<stop offset="100%" stop-color="#667eea" />
</linearGradient>
</defs>
<rect width="800" height="400" fill="url(#g)" />
</svg>