Creating background blinds that change colour

hi there,
I’m quite new with webflow and I love the possibilities and creativity.
I open this topic because there may be people who have experience with what I want to build so that they might be able to help. Perhaps it inspires people to think along with it.

you see a blue background and when you move the mouse from left to right, the vertical blinds change from blue to red and vise versa.

I think I can make it with the effect pagetrigger [mouse inview port]. I want to divide the 0 to 100% into 5 slats/blinds. The first starts at 0% -20%, 20% 40% etc.

Any one any bright idea’s

Here is my site Read-Only:

([how to share your site Read-Only link][2])