jQuery fadeTo() for colors

I want an equivalent of fadeTo() for colors, instead of opacity.

For example, sta开发者_开发技巧rting with backgroundColor = "red", how can I gradually move to backgroundColor = "green" with jQuery?

You need to use jQuery UI Color Animation.

You may also use CSS3 transitions which I prefer. Not supported in Internet Explorer 9 or older. Will be supported in Internet Explorer 10.

You could use animate()

 $('#yourdiv').animate({ backgroundColor: "green" }, 1000)