ColorTool
ログイン

ツール

カラーグラデーション生成

2色を任意の段階数で補間します。sRGBのほか、より滑らかな知覚的LCh空間も選べます。

  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);