暗い紫、グレーと青の線形グラデーション
線形グラデーション、64色、角度225°：#4d3543, #9f8172, #bbcfaf, #639ba5, #3e4772。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム3個。
- #4d3543
- #503745
- #533a46
- #573c48
- #5c404a
- #60444d
- #65484f
- #6b4c52
- #705155
- #765658
- #7c5c5b
- #82615f
- #886762
- #8e6e66
- #94746a
- #997b6e
- #9f8172
- #a48876
- #a98f7a
- #ae957e
- #b29c83
- #b6a287
- #b9a98b
- #bcaf90
- #beb494
- #c0ba99
- #c1be9d
- #c2c3a1
- #c2c6a4
- #c1caa8
- #c0ccab
- #becead
- #bbcfaf
- #b8cfb1
- #b4cfb2
- #afceb2
- #aaccb3
- #a4cab3
- #9ec7b3
- #97c4b2
- #91c0b1
- #8abcb0
- #83b7af
- #7cb2ae
- #75adac
- #6fa7aa
- #69a1a8
- #639ba5
- #5d95a2
- #588ea0
- #54889c
- #508199
- #4d7b96
- #4a7592
- #476f8e
- #45698b
- #436387
- #425e83
- #405980
- #3f557d
- #3f5079
- #3e4d76
- #3e4974
- #3e4772
CSS
background: linear-gradient(225deg in oklch, oklch(36.22% 0.0413 343.13) 0.0%, oklch(37.05% 0.0414 345.62) 1.6%, oklch(38.06% 0.0416 348.41) 3.2%, oklch(39.22% 0.0417 351.47) 4.8%, oklch(40.53% 0.0418 354.79) 6.3%, oklch(41.97% 0.0419 358.35) 7.9%, oklch(43.53% 0.0420 2.15) 9.5%, oklch(45.19% 0.0421 6.16) 11.1%, oklch(46.95% 0.0422 10.37) 12.7%, oklch(48.79% 0.0423 14.77) 14.3%, oklch(50.69% 0.0424 19.33) 15.9%, oklch(52.65% 0.0425 24.06) 17.5%, oklch(54.65% 0.0427 28.92) 19.0%, oklch(56.67% 0.0428 33.92) 20.6%, oklch(58.71% 0.0429 39.02) 22.2%, oklch(60.75% 0.0431 44.22) 23.8%, oklch(62.78% 0.0433 49.51) 25.4%, oklch(64.79% 0.0435 54.86) 27.0%, oklch(66.76% 0.0437 60.27) 28.6%, oklch(68.68% 0.0439 65.72) 30.2%, oklch(70.53% 0.0441 71.19) 31.7%, oklch(72.31% 0.0443 76.67) 33.3%, oklch(74.00% 0.0446 82.14) 34.9%, oklch(75.58% 0.0449 87.60) 36.5%, oklch(77.05% 0.0452 93.02) 38.1%, oklch(78.39% 0.0455 98.39) 39.7%, oklch(79.59% 0.0459 103.69) 41.3%, oklch(80.64% 0.0462 108.92) 42.9%, oklch(81.51% 0.0466 114.05) 44.4%, oklch(82.21% 0.0471 119.08) 46.0%, oklch(82.71% 0.0475 123.98) 47.6%, oklch(83.01% 0.0480 128.74) 49.2%, oklch(83.08% 0.0485 133.39) 50.8%, oklch(82.94% 0.0490 138.13) 52.4%, oklch(82.60% 0.0497 142.98) 54.0%, oklch(82.06% 0.0503 147.94) 55.6%, oklch(81.35% 0.0510 152.98) 57.1%, oklch(80.48% 0.0518 158.09) 58.7%, oklch(79.45% 0.0526 163.26) 60.3%, oklch(78.28% 0.0534 168.48) 61.9%, oklch(76.98% 0.0543 173.74) 63.5%, oklch(75.57% 0.0552 179.01) 65.1%, oklch(74.06% 0.0561 184.30) 66.7%, oklch(72.46% 0.0570 189.58) 68.3%, oklch(70.78% 0.0580 194.84) 69.8%, oklch(69.03% 0.0589 200.07) 71.4%, oklch(67.24% 0.0599 205.25) 73.0%, oklch(65.40% 0.0608 210.38) 74.6%, oklch(63.54% 0.0618 215.43) 76.2%, oklch(61.66% 0.0627 220.40) 77.8%, oklch(59.78% 0.0637 225.27) 79.4%, oklch(57.91% 0.0646 230.04) 81.0%, oklch(56.07% 0.0655 234.67) 82.5%, oklch(54.26% 0.0664 239.17) 84.1%, oklch(52.50% 0.0672 243.52) 85.7%, oklch(50.81% 0.0681 247.71) 87.3%, oklch(49.18% 0.0688 251.72) 88.9%, oklch(47.65% 0.0696 255.54) 90.5%, oklch(46.21% 0.0703 259.16) 92.1%, oklch(44.88% 0.0710 262.56) 93.7%, oklch(43.68% 0.0716 265.73) 95.2%, oklch(42.61% 0.0721 268.66) 96.8%, oklch(41.70% 0.0726 271.33) 98.4%, oklch(40.94% 0.0730 273.73) 100.0%);