Podes (e deves, por razões de performance) usar CSS. Ou seja adicionando e removendo classes. Um exemplo seria assim: <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> setInterval(() => { document.querySelector('.alpha').classList.toggle('active'); }, 1500); <!-- language: lang-css --> .alpha { padding: 50px 30px; background-color: #272; transition: background-color 1s; } .alpha.active { background-color: #afa; } <!-- language: lang-html --> <div class="alpha"></div> <!-- end snippet -->