青、グレーとピンクの線形グラデーション
線形グラデーション、32色、角度180°：#2845bf, #4383b8, #92bbb0, #ceb4a7, #ed76a7。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #2845bf
- #274bbf
- #2852be
- #2b5abd
- #2f62bc
- #346bbb
- #3973ba
- #3e7bb9
- #4383b8
- #498bb8
- #5194b8
- #5b9cb8
- #66a4b8
- #71acb7
- #7db2b6
- #88b7b3
- #92bbb0
- #9ebcab
- #aabda7
- #b5bca5
- #bebaa5
- #c4b9a5
- #c9b6a6
- #ceb4a7
- #d3afa6
- #d9a9a3
- #dfa1a1
- #e497a0
- #e88da0
- #eb84a1
- #ed7ba4
- #ed76a7
CSS
background: linear-gradient(180deg in oklch, oklch(45.28% 0.1929 267.19) 0.0%, oklch(46.32% 0.1859 265.89) 3.2%, oklch(47.70% 0.1763 264.50) 6.5%, oklch(49.34% 0.1649 262.86) 9.7%, oklch(51.17% 0.1523 260.83) 12.9%, oklch(53.14% 0.1393 258.25) 16.1%, oklch(55.16% 0.1267 254.97) 19.4%, oklch(57.19% 0.1151 250.85) 22.6%, oklch(59.15% 0.1051 245.76) 25.8%, oklch(61.29% 0.0959 240.17) 29.0%, oklch(63.62% 0.0869 234.14) 32.3%, oklch(66.04% 0.0783 227.47) 35.5%, oklch(68.44% 0.0702 219.93) 38.7%, oklch(70.71% 0.0628 211.32) 41.9%, oklch(72.77% 0.0563 201.42) 45.2%, oklch(74.49% 0.0506 190.03) 48.4%, oklch(75.81% 0.0459 176.68) 51.6%, oklch(76.86% 0.0411 160.12) 54.8%, oklch(77.68% 0.0365 141.14) 58.1%, oklch(78.27% 0.0327 120.79) 61.3%, oklch(78.67% 0.0302 100.17) 64.5%, oklch(78.88% 0.0295 80.34) 67.7%, oklch(78.91% 0.0311 62.39) 71.0%, oklch(78.79% 0.0356 47.38) 74.2%, oklch(78.44% 0.0441 35.72) 77.4%, oklch(77.72% 0.0575 26.13) 80.6%, oklch(76.72% 0.0745 18.28) 83.9%, oklch(75.57% 0.0934 11.90) 87.1%, oklch(74.37% 0.1125 6.71) 90.3%, oklch(73.24% 0.1303 2.45) 93.5%, oklch(72.30% 0.1453 358.84) 96.8%, oklch(71.65% 0.1557 355.60) 100.0%);