CSS Gradient Generator

CSS Gradient Syntax

CSS gradients let you display smooth transitions between colors. Three types are supported:

• linear-gradient() — Creates a gradient along a straight line
• radial-gradient() — Creates a gradient that radiates from a center point
• conic-gradient() — Creates a gradient around a center point (like a color wheel)

Browser Support

CSS gradients are supported in all modern browsers including Chrome, Firefox, Safari, Edge, and Opera. No vendor prefixes needed for current browser versions.