ColorTool
Log in

Tool

Color gradient generator

Blend two colors in any number of steps — in sRGB or in perceptual LCh space for smoother results.

  1. #ff6347
  2. #ea6458
  3. #d56469
  4. #c0657a
  5. #ab668b
  6. #95669d
  7. #8067ae
  8. #6b68bf
  9. #5668d0
  10. #4169e1
CSS
background: linear-gradient(90deg, #ff6347, #ea6458, #d56469, #c0657a, #ab668b, #95669d, #8067ae, #6b68bf, #5668d0, #4169e1);