Beta

Gradient

Two to four colors, any direction. The CSS below is interpolated in OKLCH, so the middle of the gradient stays as vivid as the ends.

Colors

2

Shape and direction

Blending

CSS



      

        
        
        

      

    


    

      
Gradients in this palette

      

        Every neighbouring pair from the palette you arrived with. Pick one to keep working on it.
      

      

    

  




    


    


    


    


    
  

    

      

        
Keyboard

        
Everything the generator does, without the mouse.

      

      
    


    

        

          
New palette

          

            Space
          

        

        

          
Lock or unlock that color

          

            1…8
          

        

        

          
Copy the hovered color

          

            C
          

        

        

          
Undo

          

            ⌘Z
          

        

        

          
Redo

          

            ⇧⌘Z
          

        

        

          
Show the inspector

          

            I
          

        

        

          
Export

          

            E
          

        

        

          
Save to your collection

          

            S
          

        

        

          
Switch surround

          

            D
          

        

        

          
This list

          

            ?