Как реализовать плавное изменение background?

Question

[doroshenko_magic]

Как на этих сайтах
https://www.bachoy.com
citylights.xyz

Answer 1

[vith77]

https://codepen.io/Funsella/pen/yLfAG

Answer 2

[Vitaliy]

Можно сделать двумя способами:
1. по событию scroll указывать цвет зависимо от интервала, в котором находится scrollTop. Должен быть в CSS определен transition для фона
2. по событию scroll задавать цвет по формуле, которая зависит от scrollTop

Пока пример для второго способа: https://codepen.io/Ni55aN/pen/dJRaVN