Background color gradient on scroll?

Hi there,

I'd like to add a background to my website that is similar to this example: https://www.ginlane.com/

I've managed to work out how to just add a background color gradient, but it isn't quite the effect I'm after and I'd more so like to add a gradient/color change that activates on scroll. As I will be using colors that don't necessarily gradate (as per the example above), I'm wondering if instead of looking for a gradient option I should be looking for an option that would offer a smooth transition between background colors instead?

I'm using the Mentor template, which is in the Brine family.

Any help or suggestions are greatly appreciated!

Thanks, Jessica

UPDATE: I've come across this piece of code which looks like what I'm after. As a bit of a newbie coder though, I can't quite figure out how to make it work on my site - any advice?

https://medium.com/@_patrickcameron/a-complete-beginner-s-guide-to-changing-background-colour-on-scroll-using-jquery-fce686d55049

Hello @jammajish!

I'm wondering if you've got this code to work on your project. I'm looking to achieve this same look within the medium link you posted.

Please let me know. Thanks!

hey @aaninetythree or @jammajish were either of you able to figure this out? I am attempting the same effect