Change hue of logo while scrolling (in sticky nav bar)

Design help General
1

Dear community,

How do I change the hue color of a logo which is in a sticky nav bar while I scroll through the page? I have added a interaction animate while scroll in view but it doesn’t do anything.
Could someone explain me what I am doin wrong here?

Please see a screenshot of my settings below:
and the read only link

Thanks in advance!

scroll animation
scroll animation1761×867 58.1 KB

https://preview.webflow.com/preview/spectrum-creative-agency?utm_medium=preview_link&utm_source=designer&utm_content=spectrum-creative-agency&preview=db023aadf6ae9a8a42f809d67f36a185&pageId=61b1d278f764404af75b88ae&workflow=preview

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hi, you should apply your animation to Page trigger > While page is scrolling interaction with the logo as a target.