ピーチ、茶色、紫とラベンダーの線形グラデーション
線形グラデーション、32色、角度315°：#fecf98, #db8030, #6e375b, #6248a0, #c4b2e4。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム7個。
- #fecf98
- #fdc98e
- #fbc080
- #fab66f
- #f7ab5e
- #f29f50
- #ec9544
- #e48b39
- #db8030
- #d1752b
- #c76a2d
- #bc5e35
- #ad5241
- #9b484b
- #884152
- #793b56
- #6e375b
- #663362
- #5f306c
- #593077
- #543283
- #53378d
- #583f96
- #6248a0
- #7053aa
- #7e5fb4
- #8b6bbd
- #9779c6
- #a48acf
- #b19ad8
- #bca8df
- #c4b2e4
CSS
background: linear-gradient(315deg in oklch, oklch(88.19% 0.0882 70.31) 0.0%, oklch(86.76% 0.0954 69.29) 3.2%, oklch(84.80% 0.1061 67.90) 6.5%, oklch(82.45% 0.1180 66.21) 9.7%, oklch(79.87% 0.1290 64.29) 12.9%, oklch(77.21% 0.1369 62.22) 16.1%, oklch(74.50% 0.1411 60.45) 19.4%, oklch(71.60% 0.1434 59.26) 22.6%, oklch(68.54% 0.1438 57.78) 25.8%, oklch(65.36% 0.1423 55.10) 29.0%, oklch(62.11% 0.1392 50.33) 32.3%, oklch(58.69% 0.1334 42.56) 35.5%, oklch(54.79% 0.1229 31.83) 38.7%, oklch(50.78% 0.1106 19.30) 41.9%, oklch(47.06% 0.0993 6.15) 45.2%, oklch(44.04% 0.0921 353.58) 48.4%, oklch(42.00% 0.0918 342.30) 51.6%, oklch(40.57% 0.0987 330.56) 54.8%, oklch(39.73% 0.1096 318.90) 58.1%, oklch(39.55% 0.1215 308.37) 61.3%, oklch(40.12% 0.1313 299.98) 64.5%, oklch(41.53% 0.1361 294.80) 67.7%, oklch(44.04% 0.1378 293.30) 71.0%, oklch(47.43% 0.1375 294.39) 74.2%, oklch(51.34% 0.1353 296.79) 77.4%, oklch(55.41% 0.1313 299.22) 80.6%, oklch(59.30% 0.1257 300.41) 83.9%, oklch(63.57% 0.1164 300.81) 87.1%, oklch(68.25% 0.1042 301.05) 90.3%, oklch(72.82% 0.0911 301.20) 93.5%, oklch(76.75% 0.0796 301.30) 96.8%, oklch(79.53% 0.0717 301.39) 100.0%);