同系色の青の線形グラデーション
同系色の青のパレット（32色）。 #355c7b, #3e6685, #4e7894, #5b849f, #6c93aa, #6d93aa, #5b819c, #4f7492。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム4個。
- #355c7b
- #375e7d
- #39607f
- #3b6382
- #3e6685
- #416a88
- #456d8b
- #48718e
- #4b7591
- #4e7894
- #517b97
- #547e9a
- #58819c
- #5b849f
- #5f88a1
- #638ba4
- #668ea6
- #6991a8
- #6c93aa
- #6e94ab
- #6f95ab
- #6f95ab
- #6d93aa
- #6b91a8
- #678da6
- #6489a3
- #5f859f
- #5b819c
- #577d99
- #547996
- #517694
- #4f7492
CSS
background: linear-gradient(90deg in oklch, oklch(46.06% 0.0675 243.98) 0.0%, oklch(46.68% 0.0673 243.68) 3.2%, oklch(47.49% 0.0671 243.28) 6.5%, oklch(48.44% 0.0668 242.81) 9.7%, oklch(49.51% 0.0665 242.27) 12.9%, oklch(50.66% 0.0661 241.70) 16.1%, oklch(51.86% 0.0657 241.11) 19.4%, oklch(53.06% 0.0653 240.51) 22.6%, oklch(54.24% 0.0648 239.93) 25.8%, oklch(55.36% 0.0642 239.37) 29.0%, oklch(56.38% 0.0636 238.86) 32.3%, oklch(57.33% 0.0629 238.37) 35.5%, oklch(58.37% 0.0619 237.81) 38.7%, oklch(59.46% 0.0608 237.20) 41.9%, oklch(60.57% 0.0596 236.56) 45.2%, oklch(61.64% 0.0583 235.95) 48.4%, oklch(62.64% 0.0571 235.39) 51.6%, oklch(63.52% 0.0560 234.92) 54.8%, oklch(64.23% 0.0550 234.56) 58.1%, oklch(64.72% 0.0543 234.36) 61.3%, oklch(64.97% 0.0538 234.36) 64.5%, oklch(64.90% 0.0538 234.58) 67.7%, oklch(64.44% 0.0541 235.10) 71.0%, oklch(63.63% 0.0548 235.88) 74.2%, oklch(62.56% 0.0558 236.86) 77.4%, oklch(61.30% 0.0569 237.98) 80.6%, oklch(59.93% 0.0582 239.17) 83.9%, oklch(58.54% 0.0595 240.36) 87.1%, oklch(57.20% 0.0607 241.51) 90.3%, oklch(56.00% 0.0618 242.53) 93.5%, oklch(55.02% 0.0628 243.38) 96.8%, oklch(54.33% 0.0634 243.98) 100.0%);