パステル調のベージュ、グレーとラベンダーの円錐グラデーション
円錐グラデーション、32色、角度45°：#fffed5, #f9e6bd, #d9c4b3, #beb0bc, #afaed5。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #fffed5
- #fffdd3
- #fefad0
- #fef8cd
- #fef5c9
- #fdf1c5
- #fceec2
- #fbeabf
- #f9e6bd
- #f6e2bb
- #f1deb9
- #eddab8
- #e7d6b7
- #e3d1b5
- #decdb4
- #dbc8b3
- #d9c4b3
- #d6c0b3
- #d3bcb4
- #cfb9b6
- #cbb6b8
- #c6b3b9
- #c2b2bb
- #beb0bc
- #bcafbd
- #baaec0
- #b8adc3
- #b7adc7
- #b5adcb
- #b3adcf
- #b1add3
- #afaed5
CSS
background: conic-gradient(from 45deg in oklch, oklch(98.82% 0.0537 106.87) 0.0%, oklch(98.41% 0.0543 105.26) 3.2%, oklch(97.89% 0.0552 103.09) 6.5%, oklch(97.27% 0.0563 100.51) 9.7%, oklch(96.56% 0.0574 97.66) 12.9%, oklch(95.78% 0.0583 94.66) 16.1%, oklch(94.93% 0.0587 91.66) 19.4%, oklch(94.02% 0.0585 88.78) 22.6%, oklch(93.06% 0.0575 86.21) 25.8%, oklch(91.98% 0.0555 84.53) 29.0%, oklch(90.77% 0.0527 83.57) 32.3%, oklch(89.48% 0.0494 82.79) 35.5%, oklch(88.16% 0.0457 81.69) 38.7%, oklch(86.84% 0.0421 79.74) 41.9%, oklch(85.57% 0.0386 76.43) 45.2%, oklch(84.40% 0.0357 71.24) 48.4%, oklch(83.34% 0.0333 63.57) 51.6%, oklch(82.30% 0.0309 52.91) 54.8%, oklch(81.29% 0.0284 40.00) 58.1%, oklch(80.32% 0.0262 25.70) 61.3%, oklch(79.41% 0.0243 10.87) 64.5%, oklch(78.59% 0.0230 356.38) 67.7%, oklch(77.88% 0.0226 343.10) 71.0%, oklch(77.29% 0.0231 331.88) 74.2%, oklch(76.85% 0.0250 322.95) 77.4%, oklch(76.57% 0.0286 315.14) 80.6%, oklch(76.42% 0.0332 308.31) 83.9%, oklch(76.36% 0.0386 302.37) 87.1%, oklch(76.35% 0.0441 297.27) 90.3%, oklch(76.38% 0.0492 292.92) 93.5%, oklch(76.40% 0.0535 289.24) 96.8%, oklch(76.38% 0.0565 286.17) 100.0%);