ネイビー、紫、ピンクとピーチの線形グラデーション
線形グラデーション、40色、角度135°：#190b2e, #5d2070, #c83c79, #fe875e, #ffd372。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #190b2e
- #1d0c32
- #210e37
- #26103e
- #2c1245
- #33144d
- #3b1755
- #43195d
- #4c1c64
- #541e6b
- #5d2070
- #672275
- #712479
- #7c267c
- #87287e
- #922a80
- #9d2c80
- #a92f80
- #b4337e
- #be377c
- #c83c79
- #d14276
- #d94a73
- #e1526f
- #e75a6b
- #ed6468
- #f26d65
- #f77662
- #fb7f60
- #fe875e
- #ff915e
- #ff9b61
- #ffa463
- #ffad66
- #ffb569
- #ffbd6c
- #ffc46e
- #ffca70
- #ffcf71
- #ffd372
CSS
background: linear-gradient(135deg in oklch, oklch(19.29% 0.0675 299.53) 0.0%, oklch(20.37% 0.0719 300.46) 2.6%, oklch(21.74% 0.0778 301.53) 5.1%, oklch(23.37% 0.0848 302.76) 7.7%, oklch(25.20% 0.0926 304.16) 10.3%, oklch(27.17% 0.1009 305.75) 12.8%, oklch(29.24% 0.1094 307.55) 15.4%, oklch(31.36% 0.1178 309.57) 17.9%, oklch(33.47% 0.1258 311.84) 20.5%, oklch(35.53% 0.1330 314.37) 23.1%, oklch(37.49% 0.1393 317.17) 25.6%, oklch(39.44% 0.1454 320.33) 28.2%, oklch(41.44% 0.1515 323.82) 30.8%, oklch(43.47% 0.1575 327.59) 33.3%, oklch(45.52% 0.1633 331.60) 35.9%, oklch(47.57% 0.1687 335.80) 38.5%, oklch(49.63% 0.1735 340.12) 41.0%, oklch(51.68% 0.1775 344.52) 43.6%, oklch(53.71% 0.1806 348.95) 46.2%, oklch(55.71% 0.1827 353.36) 48.7%, oklch(57.68% 0.1835 357.72) 51.3%, oklch(59.66% 0.1829 2.19) 53.8%, oklch(61.65% 0.1810 6.77) 56.4%, oklch(63.63% 0.1782 11.43) 59.0%, oklch(65.61% 0.1747 16.15) 61.5%, oklch(67.55% 0.1706 20.91) 64.1%, oklch(69.45% 0.1664 25.68) 66.7%, oklch(71.30% 0.1623 30.44) 69.2%, oklch(73.08% 0.1584 35.16) 71.8%, oklch(74.79% 0.1550 39.83) 74.4%, oklch(76.43% 0.1486 44.55) 76.9%, oklch(78.08% 0.1410 49.60) 79.5%, oklch(79.73% 0.1347 54.85) 82.1%, oklch(81.33% 0.1298 60.15) 84.6%, oklch(82.86% 0.1263 65.38) 87.2%, oklch(84.30% 0.1242 70.38) 89.7%, oklch(85.62% 0.1234 75.02) 92.3%, oklch(86.79% 0.1235 79.16) 94.9%, oklch(87.79% 0.1244 82.65) 97.4%, oklch(88.58% 0.1255 85.37) 100.0%);