What gradient types are supported?

Linear gradients with customizable direction and radial gradients with shape options.

Can I add multiple color stops?

Yes, add as many color stops as you need and position them precisely.

Yes, modern CSS gradients work in all current browsers without prefixes.

Create beautiful CSS gradients with a visual editor. Copy the CSS code instantly.

CSS Code

background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);

Presets

Angle: 90°

0°90°180°270°360°

100%

CSS gradients let you create smooth transitions between colors. They can be used for backgrounds, buttons, and other elements to add visual depth.