Как осуществить плавную смену фона на three.js?

Добрый день! Я пытаюсь при разных условиях осуществлять смену фона. Всё работает, но фон необходимо менять плавно, аналогично css-свойству transition. Корректно нагуглить этот вопрос не получается

Вот код:

function menuCurrent(dist) {
         if (dist > -680 && dist < planesLength + 300) {
             currentMenu('tattoo');
             scene.background = new THREE.Color(0xff0000);
         } else if (dist >= planesLength + 300 && dist < planesLength + picturesLength + 550) {
             currentMenu('picture');
         } else if (dist >= planesLength + picturesLength + 550) {
             currentMenu('about');
         } else if (isFrontPage) {
             $('#header-menu .active').removeClass('active');
             scene.background = new THREE.Color(0x0D0D45);
         }
     }