JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/color/jquery.color.plus-names-2.1.2.min.js"></script>
<div class="titlesetsmall">qweqweqw</div>

CSS

.titlesetsmall{
    position: relative;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 100px;
    background-color: #FF0000;
}

JavaScript

$(".titlesetsmall").hover(
function() {
    $(".titlesetsmall").animate({
                backgroundColor: '#DEA8E0'
        }, 1500 );
}, function() {
    $(".titlesetsmall").animate({
                backgroundColor: "#FF0000"
        }, 1500 );
});