Design Tool
CSS Gradient Generator
Create smooth, high-fidelity gradients for your next project. Adjust colors and angles visually, then copy the CSS or Tailwind code instantly.
CSS Output
background: linear-gradient(135deg, #0071e3 0%, #86868b 100%);
Tailwind Class
bg-gradient-to-br from-[#0071e3] to-[#86868b]
Design Tip:Use subtle, analogous colors for a premium look. Gradients with a 135° angle are standard for most modern UI designs to create a natural lighting effect.