Back to all tools

Free tool

CSS Gradient Generator

Build linear and radial gradients with live preview. Start from Trustive's brand gradient or design your own.

135°

Color stops

0%
50%
100%

CSS

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

Tailwind

bg-[linear-gradient(135deg,#6366f1_0%,#a855f7_50%,#ec4899_100%)]