Back to Tools
CSS Gradient Generator
Create beautiful linear, radial, and conic gradients — copy CSS or Tailwind code
100% Client-Side
Files Never Leave Your Device
Instant Processing
CSS
background: linear-gradient(135deg, #667eea, #764ba2);
Tailwind CSS
bg-gradient-to-r from-[#667eea] to-[#764ba2]
Full CSS Block
.gradient-bg {
background: linear-gradient(135deg, #667eea, #764ba2);
/* Fallback */
background-color: #667eea;
}