鮮やかなデュオトーンの青緑から青の線形グラデーション
線形グラデーション、26色、角度240°：#84ffd6, #7ee5d0, #83b7e7, #868bff, #8062fd。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #84ffd6
- #73ffd3
- #74fbd1
- #79f6cf
- #7df0ce
- #7feace
- #7ee5d0
- #7be0d3
- #79dad9
- #7ad3de
- #7dcce2
- #81c4e4
- #83bde5
- #83b7e7
- #82b1eb
- #81aaf0
- #80a3f6
- #829bfb
- #8493fe
- #868bff
- #8783ff
- #867bff
- #8473ff
- #826dff
- #8167fe
- #8062fd
CSS
background: linear-gradient(240deg in oklch, oklch(91.73% 0.1262 169.46) 0.0%, oklch(91.05% 0.1378 169.98) 4.0%, oklch(90.14% 0.1338 170.21) 8.0%, oklch(89.05% 0.1254 170.67) 12.0%, oklch(87.84% 0.1166 171.88) 16.0%, oklch(86.59% 0.1085 174.36) 20.0%, oklch(85.34% 0.1019 178.62) 24.0%, oklch(84.12% 0.0968 185.35) 28.0%, oklch(82.83% 0.0914 194.74) 32.0%, oklch(81.49% 0.0866 205.82) 36.0%, oklch(80.13% 0.0831 217.58) 40.0%, oklch(78.76% 0.0817 229.03) 44.0%, oklch(77.42% 0.0833 239.16) 48.0%, oklch(76.13% 0.0888 247.26) 52.0%, oklch(74.85% 0.0989 254.35) 56.0%, oklch(73.59% 0.1123 260.70) 60.0%, oklch(72.34% 0.1276 266.32) 64.0%, oklch(71.09% 0.1432 271.26) 68.0%, oklch(69.84% 0.1576 275.52) 72.0%, oklch(68.58% 0.1682 279.13) 76.0%, oklch(67.20% 0.1785 281.82) 80.0%, oklch(65.74% 0.1892 283.64) 84.0%, oklch(64.29% 0.1996 284.83) 88.0%, oklch(62.96% 0.2082 285.59) 92.0%, oklch(61.84% 0.2152 286.16) 96.0%, oklch(61.02% 0.2205 286.75) 100.0%);