Skip to content
Vectorlight.net

Gradient generator

Make CSS and SVG gradients with ease. Mixing in OKLCH avoids the gray center of RGB gradients.

90°

Older browsers get an sRGB fallback.

Color stops
    CSS
    
    
    
    
    
      
    SVG
    
      
    
    
    
    
    
  
    
    
    
    
    More tools
    
    
    
        Gradient background generator
    Soft mesh, linear and radial gradient backgrounds.
    
        Palette generator
    Color palettes from harmony rules, with lock and export.
    
        Color mixer
    Mix two colors and get the steps between them.
    
        Color converter
    Any color string to HEX, RGB, HSL, OKLCH, CMYK and more.