Color Gradient Generator

Start Color

End Color

Gradient Steps 5

Gradient Type

Direction

Gradient Preview

CSS Code

Color Steps

How to Use

Select start and end colors, adjust the number of steps, and choose gradient type and direction. Click "Generate Gradient" to create the gradient. Copy the CSS code for use in your projects.