5-step gradient: Luminous vivid magenta (#ff00ff) to Luminous vivid cyan (#00ffff).

RGB Gradient: Luminous vivid magenta to Luminous vivid cyan

Spot colors

 
 
 
 
 
#ff00ff #bf3fff #7f7fff #3fbfff #00ffff

Linear gradient

CSS
background-image: linear-gradient(135deg, #ff00ff, #00ffff);
Output

HSV Clockwise Gradient: Luminous vivid magenta to Luminous vivid cyan

Spot colors

 
 
 
 
 
#ff00ff #ff0000 #ffff00 #00ff00 #00ffff

Linear gradient

CSS
background-image: linear-gradient(135deg, #ff00ff, #ff0000, #ffff00, #00ff00, #00ffff);
Output

HSV Counterclockwise Gradient: Luminous vivid magenta to Luminous vivid cyan

Spot colors

 
 
 
 
 
#ff00ff #7f00ff #0000ff #007fff #00ffff

Linear gradient

CSS
background-image: linear-gradient(135deg, #ff00ff, #7f00ff, #0000ff, #007fff, #00ffff);
Output