gradients.css

.gradient-blue {
    background: #283c86;
    background: -webkit-gradient(linear, left top, right top, from(#45a247), to(#283c86)) !important;
    background: linear-gradient(to right, #45a247, #283c86) !important
}

.gradient-love {
    background: #cc2b5e;
    background: -webkit-gradient(linear, left top, right top, from(#cc2b5e), to(#753a88)) !important;
    background: linear-gradient(to right, #cc2b5e, #753a88) !important
}

.gradient-cherry {
    background: #eb3349;
    background: -webkit-gradient(linear, left top, right top, from(#eb3349), to(#f45c43)) !important;
    background: linear-gradient(to right, #eb3349, #f45c43) !important;
}

.gradient-lime {
    background: #56ab2f;
    background: -webkit-gradient(linear, left top, right top, from(#56ab2f), to(#a8e063)) !important;
    background: linear-gradient(to right, #56ab2f, #a8e063) !important
}

.gradient-royal {
    background: #141e30;
    background: -webkit-gradient(linear, left top, right top, from(#141e30), to(#243b55)) !important;
    background: linear-gradient(to right, #141e30, #243b55) !important
}

.gradient-lavanda {
    background: #614385;
    background: -webkit-gradient(linear, left top, right top, from(#614385), to(#516395)) !important;
    background: linear-gradient(to right, #614385, #516395) !important
}

.gradient-acqua {
    background: #13547a;
    background: -webkit-gradient(linear, left top, right top, from(#13547a), to(#80d0c7)) !important;
    background: linear-gradient(to right, #13547a, #80d0c7) !important
}

.gradient-pi {
    background: #45A247;
    background: -webkit-gradient(linear, left top, right top, from(#45A247), to(#283C86)) !important;
    background: linear-gradient(-150dg, #45A247 6%, #283C86 100%) !important
}