Tengo el siguiente código en un proyecto React and Sass:

 <header className="App-header" style={{backgroundColor: accentColour, color: accentColour}}>

AccentColour se definió anteriormente usando useState() y, por lo tanto, cuando configuroAccentColour(newcolour), React vuelve a representar el fondo con el nuevo color. Mi pregunta es, ¿cómo agrego una transición de color entre los diferentes colores, de modo que un color de fondo cambie suavemente al siguiente color de fondo cuando cambia el color de acento?