Gradient Generator
Generate CSS linear and radial gradients from two or more colors.
deg
Result
CSS Gradient Value
linear-gradient(90deg, #3b82f6, #8b5cf6)CSS Property
background: linear-gradient(90deg, #3b82f6, #8b5cf6);Tailwind Class
bg-gradient-to-r from-[#3b82f6] to-[#8b5cf6]About This Tool
Generate CSS linear and radial gradients from two or more colors instantly. Perfect for web designers, developers, and UI creators building modern interfaces and backgrounds.
Input multiple colors and adjust direction, angle, or radius. Get instant CSS code for linear, radial, and conic gradients. Preview updates live as you customize. Copy ready-to-use CSS.
Ideal for landing pages, hero sections, buttons, or creative backgrounds. Runs in browser only—no signup needed, no data collected, instant CSS output.