Почему не меняется цвет?

Задумка: чтобы цвет кнопки плавно менялся при наведении.
Код:

$('.btns').on('mouseenter', function(){

		$(this).animate({
			backgroundColor: "#8470FF"
		}, 1000);

	});

Браузер (лиса) в консоли пишет: Ошибка при парсинге значения «background-color». Потерянное объявление.
Хорошо, попробовал через transitions:

.btns {
	-webkit-transitions: background 0.5s easy;

}

.btns:hover {
	background-color: "#8470FF";
	}

Пишет тоже самое. В чем проблема?