ピンク、紫、ピーチとサーモンの線形グラデーション
線形グラデーション、40色、角度135°：#ea8750, #75498c, #b86d89, #e89e6d, #c85a4e。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #ea8750
- #e78155
- #e2795d
- #da7066
- #d06770
- #c25f79
- #b35881
- #a35387
- #924e8b
- #824b8c
- #75498c
- #6a478b
- #64468a
- #62478a
- #65488a
- #6d4b8b
- #79508d
- #87558d
- #975c8d
- #a8648c
- #b86d89
- #c67786
- #d28283
- #dc8d7f
- #e3967d
- #e79d7b
- #e9a278
- #eaa376
- #e9a272
- #e89e6d
- #e69968
- #e39363
- #e08b5e
- #dd835a
- #d97a56
- #d57253
- #d16a51
- #cd6350
- #ca5e4f
- #c85a4e
CSS
background: linear-gradient(135deg in oklch, oklch(72.05% 0.1406 48.52) 0.0%, oklch(70.72% 0.1391 43.16) 2.6%, oklch(68.86% 0.1372 35.69) 5.1%, oklch(66.58% 0.1349 26.54) 7.7%, oklch(63.98% 0.1323 16.16) 10.3%, oklch(61.19% 0.1295 5.00) 12.8%, oklch(58.32% 0.1266 353.49) 15.4%, oklch(55.48% 0.1236 342.09) 17.9%, oklch(52.80% 0.1207 331.24) 20.5%, oklch(50.38% 0.1178 321.37) 23.1%, oklch(48.35% 0.1151 312.95) 25.6%, oklch(46.80% 0.1127 306.40) 28.2%, oklch(45.87% 0.1106 302.18) 30.8%, oklch(45.67% 0.1089 300.73) 33.3%, oklch(46.33% 0.1074 302.41) 35.9%, oklch(47.81% 0.1059 306.97) 38.5%, oklch(49.98% 0.1046 313.93) 41.0%, oklch(52.68% 0.1033 322.82) 43.6%, oklch(55.77% 0.1022 333.16) 46.2%, oklch(59.11% 0.1013 344.46) 48.7%, oklch(62.55% 0.1005 356.26) 51.3%, oklch(65.94% 0.1000 8.07) 53.8%, oklch(69.15% 0.0997 19.42) 56.4%, oklch(72.02% 0.0998 29.83) 59.0%, oklch(74.41% 0.1001 38.82) 61.5%, oklch(76.17% 0.1009 45.91) 64.1%, oklch(77.17% 0.1020 50.63) 66.7%, oklch(77.40% 0.1037 53.19) 69.2%, oklch(77.06% 0.1061 54.27) 71.8%, oklch(76.22% 0.1091 54.07) 74.4%, oklch(74.97% 0.1125 52.81) 76.9%, oklch(73.41% 0.1162 50.70) 79.5%, oklch(71.62% 0.1202 47.95) 82.1%, oklch(69.69% 0.1242 44.77) 84.6%, oklch(67.72% 0.1282 41.37) 87.2%, oklch(65.78% 0.1321 37.96) 89.7%, oklch(63.98% 0.1356 34.75) 92.3%, oklch(62.39% 0.1387 31.95) 94.9%, oklch(61.12% 0.1414 29.78) 97.4%, oklch(60.24% 0.1433 28.44) 100.0%);