CSS Gradient Generator
CSS gradients in no time
The generator builds linear-gradient and radial-gradient visually. Choose colors, positions and – for linear gradients – the angle. The preview shows the result instantly.
- Linear: Gradient along an axis, direction via the angle (0° = up, 90° = right).
- Radial: Gradient from the center outwards.
- Color stops: The position in percent determines where a color starts or ends.