類似色の白、ピンクと紫の線形グラデーション
線形グラデーション、32色、角度45°：#f7f3e7, #edc7ba, #e6a2a0, #c37d8e, #66506f。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #f7f3e7
- #f5f0e3
- #f4ecdd
- #f3e7d7
- #f1e2d0
- #f0dbc9
- #efd5c3
- #eecebe
- #edc7ba
- #ebc0b7
- #eabbb4
- #e8b6b1
- #e7b1af
- #e7adab
- #e7a9a8
- #e6a6a4
- #e6a2a0
- #e59e9c
- #e39a99
- #e09595
- #dc9093
- #d68b91
- #ce848f
- #c37d8e
- #b6768c
- #a96f89
- #9b6886
- #8d6282
- #805c7d
- #755778
- #6c5373
- #66506f
CSS
background: linear-gradient(45deg in oklch, oklch(96.46% 0.0165 94.92) 0.0%, oklch(95.65% 0.0188 90.74) 3.2%, oklch(94.61% 0.0218 85.07) 6.5%, oklch(93.37% 0.0253 78.26) 9.7%, oklch(91.98% 0.0293 70.66) 12.9%, oklch(90.49% 0.0335 62.60) 16.1%, oklch(88.94% 0.0380 54.44) 19.4%, oklch(87.37% 0.0425 46.51) 22.6%, oklch(85.85% 0.0470 39.17) 25.8%, oklch(84.40% 0.0513 32.75) 29.0%, oklch(83.08% 0.0552 27.61) 32.3%, oklch(81.93% 0.0591 24.01) 35.5%, oklch(80.95% 0.0633 21.77) 38.7%, oklch(80.08% 0.0678 20.60) 41.9%, oklch(79.28% 0.0724 20.21) 45.2%, oklch(78.50% 0.0770 20.29) 48.4%, oklch(77.69% 0.0812 20.56) 51.6%, oklch(76.80% 0.0851 20.72) 54.8%, oklch(75.78% 0.0883 20.48) 58.1%, oklch(74.58% 0.0907 19.55) 61.3%, oklch(73.15% 0.0920 17.64) 64.5%, oklch(71.43% 0.0922 14.44) 67.7%, oklch(69.29% 0.0909 9.89) 71.0%, oklch(66.78% 0.0884 4.24) 74.2%, oklch(64.00% 0.0848 357.79) 77.4%, oklch(61.07% 0.0805 350.84) 80.6%, oklch(58.09% 0.0759 343.70) 83.9%, oklch(55.19% 0.0710 336.65) 87.1%, oklch(52.46% 0.0664 330.00) 90.3%, oklch(50.03% 0.0623 324.05) 93.5%, oklch(47.99% 0.0589 319.09) 96.8%, oklch(46.46% 0.0565 315.43) 100.0%);