同系色のネイビーとグレーの線形スウォッチ
線形スウォッチ、5色、角度45°：#11152d, #303751, #59617a, #8d94aa, #c9cbd4。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #11152d
- #303751
- #59617a
- #8d94aa
- #c9cbd4
CSS
background: linear-gradient(45deg, oklch(20.47% 0.0482 274.22) 0.000% 20.000%, oklch(34.25% 0.0469 272.11) 20.000% 40.000%, oklch(49.61% 0.0413 271.05) 40.000% 60.000%, oklch(66.93% 0.0331 271.05) 60.000% 80.000%, oklch(84.25% 0.0124 275.28) 80.000% 100.000%);