白、茶色、紫とグレーの線形グラデーション
線形グラデーション、56色、角度135°：#f5f9ff, #bd8cae, #8e361e, #895d83, #959da5。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム3個。
- #f5f9ff
- #f0f5fd
- #ecf1fb
- #e6ecf9
- #e1e6f6
- #dcdff2
- #d7d7ee
- #d2cfea
- #cec7e4
- #cabdde
- #c7b4d6
- #c5aace
- #c2a0c4
- #c096b9
- #bd8cae
- #bb82a1
- #b87894
- #b56f87
- #b16779
- #ae5f6c
- #a9585f
- #a55152
- #a14b46
- #9d463c
- #994232
- #953e2a
- #923b23
- #90381f
- #8e361e
- #8d3520
- #8d3524
- #8d352a
- #8d3631
- #8d3839
- #8d3b42
- #8e3e4b
- #8e4255
- #8d465f
- #8d4b68
- #8c5172
- #8b577b
- #895d83
- #88638b
- #866a91
- #857096
- #84769b
- #837c9e
- #8382a1
- #8487a2
- #868ca4
- #8890a4
- #8a94a5
- #8d97a5
- #909aa5
- #939ca5
- #959da5
CSS
background: linear-gradient(135deg in oklch, oklch(98.03% 0.0093 258.00) 0.0%, oklch(96.96% 0.0120 260.93) 1.8%, oklch(95.67% 0.0150 264.50) 3.6%, oklch(94.18% 0.0185 268.69) 5.5%, oklch(92.51% 0.0224 273.45) 7.3%, oklch(90.67% 0.0267 278.71) 9.1%, oklch(88.68% 0.0314 284.41) 10.9%, oklch(86.57% 0.0364 290.49) 12.7%, oklch(84.35% 0.0416 296.88) 14.5%, oklch(82.04% 0.0471 303.53) 16.4%, oklch(79.65% 0.0527 310.38) 18.2%, oklch(77.21% 0.0585 317.35) 20.0%, oklch(74.73% 0.0643 324.40) 21.8%, oklch(72.24% 0.0701 331.45) 23.6%, oklch(69.75% 0.0758 338.45) 25.5%, oklch(67.28% 0.0815 345.33) 27.3%, oklch(64.85% 0.0871 352.04) 29.1%, oklch(62.48% 0.0925 358.51) 30.9%, oklch(60.18% 0.0976 4.68) 32.7%, oklch(57.98% 0.1025 10.48) 34.5%, oklch(55.89% 0.1070 15.87) 36.4%, oklch(53.93% 0.1111 20.76) 38.2%, oklch(52.12% 0.1149 25.11) 40.0%, oklch(50.48% 0.1181 28.85) 41.8%, oklch(49.02% 0.1208 31.92) 43.6%, oklch(47.77% 0.1229 34.25) 45.5%, oklch(46.75% 0.1244 35.79) 47.3%, oklch(45.96% 0.1253 36.48) 49.1%, oklch(45.44% 0.1254 36.25) 50.9%, oklch(45.14% 0.1247 35.08) 52.7%, oklch(45.05% 0.1234 33.05) 54.5%, oklch(45.16% 0.1215 30.21) 56.4%, oklch(45.45% 0.1191 26.63) 58.2%, oklch(45.91% 0.1160 22.37) 60.0%, oklch(46.52% 0.1126 17.49) 61.8%, oklch(47.27% 0.1086 12.06) 63.6%, oklch(48.14% 0.1044 6.15) 65.5%, oklch(49.13% 0.0997 359.80) 67.3%, oklch(50.21% 0.0948 353.10) 69.1%, oklch(51.37% 0.0897 346.09) 70.9%, oklch(52.60% 0.0844 338.86) 72.7%, oklch(53.88% 0.0789 331.45) 74.5%, oklch(55.20% 0.0733 323.93) 76.4%, oklch(56.54% 0.0677 316.37) 78.2%, oklch(57.90% 0.0622 308.83) 80.0%, oklch(59.24% 0.0566 301.37) 81.8%, oklch(60.57% 0.0512 294.06) 83.6%, oklch(61.87% 0.0459 286.96) 85.5%, oklch(63.11% 0.0409 280.14) 87.3%, oklch(64.30% 0.0361 273.65) 89.1%, oklch(65.41% 0.0315 267.56) 90.9%, oklch(66.42% 0.0274 261.94) 92.7%, oklch(67.33% 0.0236 256.84) 94.5%, oklch(68.13% 0.0203 252.34) 96.4%, oklch(68.78% 0.0174 248.49) 98.2%, oklch(69.29% 0.0152 245.37) 100.0%);