Gradient Generator

Blend colors in a line or a circle, then copy ready-to-use code for websites and apps.

Controls

Straight or circular blends, up to five colors. Copy the code for your site or app.

Angle: 135°

Color

Position: 0%

Color

Position: 100%

CSS

background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);