てっきり背景もうまい具合に変わってくれると思っていたのですが、違っていたようです。公式のドキュメントによると、数値でない値をとるプロパティでは動かないとあります。動かしたい場合はプラグインを使う必要があるようですね。
http://api.jquery.com/animate/
All animated properties should be animated to a single numeric value, except as noted below; most properties that are non-numeric cannot be animated using basic jQuery functionality (For example, width, height, or left can be animated but background-color cannot be, unless the jQuery.Color() plugin is used).