ベージュから黄色の虹色の線形グラデーション
線形グラデーション、32色、角度135°：#eee3c9, #442a75, #7c5ec1, #95d144, #d2e77c。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #eee3c9
- #e5d0b5
- #d8b49c
- #c79387
- #af727b
- #925577
- #724076
- #563175
- #442a75
- #3f2877
- #43297b
- #4e2d81
- #5d3388
- #6d3b91
- #7a459c
- #8150ac
- #7c5ec1
- #6871d7
- #338ae5
- #00a2ce
- #00b4b8
- #00c69c
- #53d16c
- #95d144
- #b6d22e
- #c9d32d
- #d2d63b
- #d5da4c
- #d4de5c
- #d2e26a
- #d1e575
- #d2e77c
CSS
background: linear-gradient(135deg in oklch, oklch(91.73% 0.0358 87.89) 0.0%, oklch(86.79% 0.0431 74.75) 3.2%, oklch(79.62% 0.0533 56.01) 6.5%, oklch(71.06% 0.0654 33.63) 9.7%, oklch(61.92% 0.0786 9.56) 12.9%, oklch(53.03% 0.0919 345.78) 16.1%, oklch(45.22% 0.1043 324.24) 19.4%, oklch(39.31% 0.1150 306.90) 22.6%, oklch(36.08% 0.1230 295.73) 25.8%, oklch(35.25% 0.1288 291.72) 29.0%, oklch(36.20% 0.1330 293.15) 32.3%, oklch(38.49% 0.1361 297.87) 35.5%, oklch(41.72% 0.1385 303.72) 38.7%, oklch(45.47% 0.1406 308.55) 41.9%, oklch(49.31% 0.1428 310.22) 45.2%, oklch(52.82% 0.1457 306.56) 48.4%, oklch(55.79% 0.1495 295.49) 51.6%, oklch(59.04% 0.1546 276.89) 54.8%, oklch(62.59% 0.1604 252.88) 58.1%, oklch(66.28% 0.1264 225.71) 61.3%, oklch(69.96% 0.1190 197.57) 64.5%, oklch(73.47% 0.1443 170.73) 67.7%, oklch(76.65% 0.1796 147.42) 71.0%, oklch(79.34% 0.1806 129.87) 74.2%, oklch(81.49% 0.1790 119.19) 77.4%, oklch(83.26% 0.1747 113.26) 80.6%, oklch(84.72% 0.1683 110.96) 83.9%, oklch(85.92% 0.1608 111.28) 87.1%, oklch(86.89% 0.1529 113.17) 90.3%, oklch(87.69% 0.1455 115.64) 93.5%, oklch(88.37% 0.1393 117.65) 96.8%, oklch(88.98% 0.1350 118.18) 100.0%);