offlinewebtools.com — free, watermark-free browser tools that stay on your device with nothing uploading to our servers

CSS Gradient Maker

Design stunning CSS gradients with live previews and copy-ready code. Add unlimited color stops, tweak positions, and export linear, radial, or conic gradient syntax instantly.

Free to use, no watermarks, runs in your browser—nothing uploads to our servers

Gradient type

Angle (°)

Color stops

Color

Position (%)

Color

Position (%)

Color

Position (%)

Live preview

CSS output

background: linear-gradient(90deg, #0ea5e9 0%, #6366f1 50%, #a855f7 100%);

Report a bug

If this tool misbehaves, share a quick summary so we can investigate. We include the tool URL automatically—no need to copy and paste.