🌈

Gradient Generator

Preview

Gradient Type

Angle

90°

Color Stops

%
%

CSS Code

Presets
About CSS Gradients
Linear Gradients
Create gradients along a straight line at any angle. Perfect for backgrounds, buttons, and hero sections.
Radial Gradients
Create gradients that radiate from a center point. Great for spotlight effects and circular designs.
Tips
  • Use 2-3 colors for subtle, professional gradients
  • Adjust color positions for smooth transitions
  • Try different angles to find the perfect direction