ピンク、ベージュ、緑と青緑の線形グラデーション
線形グラデーション、32色、角度135°：#ce8bdd, #fbe5ac, #85cd82, #06b361, #69edbe。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #ce8bdd
- #db8dd5
- #ea93c9
- #f99bbb
- #ffaaae
- #ffbcaa
- #ffcbab
- #ffd9aa
- #fbe5ac
- #f3efb5
- #eaf4bc
- #dff5be
- #d2f1b9
- #c1eaaf
- #aee2a2
- #9ad892
- #85cd82
- #71c371
- #5eb962
- #4cb256
- #3aad50
- #28ad51
- #15af58
- #06b361
- #0aba6d
- #1bc17a
- #2dca88
- #3dd296
- #4cdba3
- #59e2ae
- #63e8b7
- #69edbe
CSS
background: linear-gradient(135deg in oklch, oklch(73.23% 0.1350 319.92) 0.0%, oklch(74.66% 0.1308 329.62) 3.2%, oklch(76.76% 0.1245 342.74) 6.5%, oklch(79.34% 0.1168 358.50) 9.7%, oklch(82.21% 0.1003 16.11) 12.9%, oklch(85.17% 0.0821 34.77) 16.1%, oklch(88.02% 0.0733 53.70) 19.4%, oklch(90.58% 0.0738 72.10) 22.6%, oklch(92.65% 0.0774 89.18) 25.8%, oklch(94.04% 0.0737 104.16) 29.0%, oklch(94.55% 0.0726 116.24) 32.3%, oklch(93.95% 0.0751 125.05) 35.5%, oklch(92.16% 0.0812 131.63) 38.7%, oklch(89.42% 0.0902 136.40) 41.9%, oklch(86.00% 0.1014 139.68) 45.2%, oklch(82.17% 0.1138 141.81) 48.4%, oklch(78.21% 0.1268 143.11) 51.6%, oklch(74.37% 0.1395 143.92) 54.8%, oklch(70.93% 0.1512 144.57) 58.1%, oklch(68.16% 0.1609 145.39) 61.3%, oklch(66.32% 0.1680 146.71) 64.5%, oklch(65.67% 0.1717 148.79) 67.7%, oklch(66.10% 0.1725 151.08) 71.0%, oklch(67.37% 0.1711 153.34) 74.2%, oklch(69.32% 0.1679 155.53) 77.4%, oklch(71.74% 0.1635 157.64) 80.6%, oklch(74.46% 0.1581 159.64) 83.9%, oklch(77.27% 0.1524 161.50) 87.1%, oklch(80.01% 0.1468 163.20) 90.3%, oklch(82.47% 0.1417 164.70) 93.5%, oklch(84.47% 0.1377 166.00) 96.8%, oklch(85.83% 0.1350 167.05) 100.0%);