Gradient Generator

Step 1: Direction

Vertical

Horizontal

Vertical Stripe

Horizontal Stripe

Diagonal Up

Diagonal Down

Diagonal Stripes Down

Ring

Radial

Diagonal Stripes Up

Step 2: Size

Width: Pixels

Height: Pixels

Step 3: Colors

Color #1
Color #2

Step 4: Save it!

Hover over the generated image to preview the background