Horizontal background colour fade

Hi all, I am struggling to work out a way of transitioning backgrounds on a horizontal scroll. Id like each section to fade into different colours rather than have a hard line between each section.

any ideas?


Here is my public share link: https://preview.webflow.com/preview/horizontal-scroll-0f72c1?utm_medium=preview_link&utm_source=designer&utm_content=horizontal-scroll-0f72c1&preview=586276bcfc6254d32cd7bcbd0d2a8a90&mode=preview