Gradient Maker

Create beautiful gradients with ease — customize colors, directions, and export your creations.

Click on gradient track to add stop • Click dot to select

Color

#ff0000

Position

Rotation

Type

Color Stops

background: linear-gradient(90deg, #ff0000 0%, #0000ff 100%);

⚡Runs in your browser — no data is stored