グレー、タンと紫の線形グラデーション
線形グラデーション、64色、角度115°：#e3ead4, #afc7a2, #d9b563, #a88180, #726385。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #e3ead4
- #e2e8d2
- #dfe7d0
- #dce5cd
- #d9e2ca
- #d5e0c7
- #d1ddc4
- #cddbc0
- #c9d8bd
- #c5d5b9
- #c1d3b6
- #bdd0b2
- #b9ceaf
- #b5ccab
- #b3caa8
- #b0c9a5
- #afc7a2
- #aec79e
- #aec69b
- #aec697
- #afc693
- #b1c68f
- #b4c68a
- #b7c685
- #bac581
- #bfc57c
- #c3c477
- #c8c272
- #ccc16d
- #d0bf69
- #d4bc66
- #d7b964
- #d9b563
- #dab262
- #daae63
- #daa965
- #d8a568
- #d6a16b
- #d39d6e
- #cf9971
- #ca9575
- #c69277
- #c08e7a
- #bb8b7c
- #b6887d
- #b1867f
- #ac837f
- #a88180
- #a47e80
- #a17c80
- #9d7a81
- #9a7781
- #967581
- #937282
- #8f7082
- #8c6e83
- #886c83
- #856a84
- #816984
- #7d6785
- #7a6685
- #776585
- #746486
- #726385
CSS
background: linear-gradient(115deg in oklch, oklch(92.52% 0.0289 120.23) 0.0%, oklch(92.06% 0.0299 120.88) 1.6%, oklch(91.48% 0.0310 121.83) 3.2%, oklch(90.79% 0.0323 123.03) 4.8%, oklch(90.02% 0.0337 124.42) 6.3%, oklch(89.17% 0.0352 125.95) 7.9%, oklch(88.27% 0.0368 127.54) 9.5%, oklch(87.33% 0.0385 129.16) 11.1%, oklch(86.37% 0.0404 130.73) 12.7%, oklch(85.41% 0.0423 132.20) 14.3%, oklch(84.48% 0.0444 133.51) 15.9%, oklch(83.57% 0.0465 134.61) 17.5%, oklch(82.72% 0.0487 135.42) 19.0%, oklch(81.94% 0.0511 135.90) 20.6%, oklch(81.25% 0.0535 135.99) 22.2%, oklch(80.67% 0.0560 135.63) 23.8%, oklch(80.21% 0.0585 134.76) 25.4%, oklch(79.89% 0.0616 133.47) 27.0%, oklch(79.69% 0.0651 131.81) 28.6%, oklch(79.59% 0.0691 129.81) 30.2%, oklch(79.58% 0.0734 127.51) 31.7%, oklch(79.63% 0.0778 124.93) 33.3%, oklch(79.72% 0.0824 122.11) 34.9%, oklch(79.84% 0.0869 119.06) 36.5%, oklch(79.97% 0.0914 115.83) 38.1%, oklch(80.08% 0.0956 112.44) 39.7%, oklch(80.16% 0.0995 108.92) 41.3%, oklch(80.18% 0.1029 105.30) 42.9%, oklch(80.14% 0.1058 101.60) 44.4%, oklch(80.00% 0.1081 97.87) 46.0%, oklch(79.75% 0.1096 94.12) 47.6%, oklch(79.38% 0.1103 90.38) 49.2%, oklch(78.86% 0.1099 86.67) 50.8%, oklch(78.21% 0.1085 82.82) 52.4%, oklch(77.45% 0.1061 78.82) 54.0%, oklch(76.59% 0.1028 74.70) 55.6%, oklch(75.65% 0.0988 70.45) 57.1%, oklch(74.65% 0.0943 66.11) 58.7%, oklch(73.59% 0.0893 61.67) 60.3%, oklch(72.49% 0.0841 57.15) 61.9%, oklch(71.37% 0.0787 52.57) 63.5%, oklch(70.23% 0.0733 47.95) 65.1%, oklch(69.10% 0.0680 43.29) 66.7%, oklch(67.99% 0.0630 38.60) 68.3%, oklch(66.91% 0.0585 33.91) 69.8%, oklch(65.87% 0.0545 29.23) 71.4%, oklch(64.89% 0.0512 24.57) 73.0%, oklch(63.99% 0.0487 19.94) 74.6%, oklch(63.15% 0.0471 15.25) 76.2%, oklch(62.30% 0.0460 10.27) 77.8%, oklch(61.46% 0.0454 5.06) 79.4%, oklch(60.62% 0.0453 359.67) 81.0%, oklch(59.79% 0.0455 354.16) 82.5%, oklch(58.97% 0.0460 348.61) 84.1%, oklch(58.17% 0.0467 343.06) 85.7%, oklch(57.40% 0.0477 337.59) 87.3%, oklch(56.66% 0.0487 332.25) 88.9%, oklch(55.96% 0.0499 327.10) 90.5%, oklch(55.29% 0.0511 322.21) 92.1%, oklch(54.67% 0.0522 317.64) 93.7%, oklch(54.10% 0.0532 313.44) 95.2%, oklch(53.59% 0.0541 309.69) 96.8%, oklch(53.14% 0.0547 306.44) 98.4%, oklch(52.76% 0.0551 303.76) 100.0%);