Jquery - Due funzioni contemporaneamente

[felino]

Jquery - Due funzioni contemporaneamente

Salve,
dovrei eseguite due funzioni in contemporena, ma non ci riesco.

Tramite foglio di style ho un body con background nero!
Al centro del body ho 2 immagini, una sull'altra, in modo tale da vederne una sola.

Tramite jquery ho fatto in modo che dopo un tot di sec, la prima immagine va in opacità 0 e si vede l'altra.

Fin qui tutto ok, ma adesso vorrei che insieme al cambio di opacità della prima immagine cambi anche il colore di background, e diciamo che l'effetto di transizione non è perfetto.

Cosa suggerite?

Intro inizialmente è di colore nero, dopo vorrei che fosse blu.

<div id="intro">
    <div id="logointro">
        <img src="img_nascosta.png" />
    </div>
    <div id="charly">
        <img src="img_sopra.png" />
    </div>
</div>

<script>
$(window).load(function(){ 

    $('#charly').animate({
        opacity:0
    },1000);
    
    $('#logointro').animate({
        opacity:1
    },1000);

   $('#intro').animate({backgroundColor: '#153168'},1500);
};
</script>