同系色の青とグレーの線形スウォッチ
線形スウォッチ、6色、角度90°：#1f60a4, #337fb8, #5ca1c6, #8bb8c4, #aebfb8, #beb5a5。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #1f60a4
- #337fb8
- #5ca1c6
- #8bb8c4
- #aebfb8
- #beb5a5
CSS
background: linear-gradient(90deg, oklch(48.43% 0.1268 253.12) 0.000% 16.667%, oklch(57.69% 0.1152 244.28) 16.667% 33.333%, oklch(67.69% 0.0887 233.71) 33.333% 50.000%, oklch(75.47% 0.0513 215.72) 50.000% 66.667%, oklch(78.99% 0.0218 170.07) 66.667% 83.333%, oklch(77.56% 0.0248 81.93) 83.333% 100.000%);