類似色の青緑と青の線形スウォッチ
線形スウォッチ、15色、角度210°：#388594, #365ba9, #424fb5, #6065b8, #7c89b2。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム6個。
- #388594
- #2c7d9a
- #2c6fa1
- #3463a5
- #365ba9
- #3754ae
- #3c50b2
- #424fb5
- #4852b7
- #4f56b8
- #585cb8
- #6065b8
- #6871b7
- #737fb4
- #7c89b2
CSS
background: linear-gradient(210deg, oklch(57.48% 0.0785 213.05) 0.000% 6.667%, oklch(55.31% 0.0885 226.19) 6.667% 13.333%, oklch(52.34% 0.1028 244.09) 13.333% 20.000%, oklch(50.04% 0.1172 257.19) 20.000% 26.667%, oklch(48.50% 0.1332 263.59) 26.667% 33.333%, oklch(47.51% 0.1482 267.11) 33.333% 40.000%, oklch(47.23% 0.1570 270.38) 40.000% 46.667%, oklch(47.69% 0.1603 272.89) 46.667% 53.333%, oklch(48.70% 0.1589 274.72) 53.333% 60.000%, oklch(50.10% 0.1528 276.47) 60.000% 66.667%, oklch(51.96% 0.1419 278.11) 66.667% 73.333%, oklch(54.23% 0.1273 278.67) 73.333% 80.000%, oklch(57.22% 0.1073 277.01) 80.000% 86.667%, oklch(60.80% 0.0826 273.70) 86.667% 93.333%, oklch(63.39% 0.0648 271.17) 93.333% 100.000%);