Gradient Maker
Create beautiful CSS gradients with ease. Customize colors, types, and angles, then copy the code.
How to Use This Tool
- Select a gradient Type (Linear or Radial) and adjust the Angle for linear gradients.
- For each color stop, use the color picker to change the color and the slider to adjust its Opacity.
- Drag the position slider for each color to define where it appears in the gradient.
- Click Add Color to add more stops or the trash icon to remove one (a minimum of two is required).
- Copy the generated CSS code from the box at the bottom right. The preview updates live.