Different gradients for CSS

/* Gradients */
.gradient-0 {
 background-color: #52d3aa;
 /* IE9, iOS 3.2+ */
 background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMzZjk1ZWEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzUyZDNhYSIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
 background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0, #3f95ea), color-stop(1, #52d3aa));
 /* Android 2.3 */
 background-image: -webkit-repeating-linear-gradient(top left, #3f95ea 0%, #52d3aa 100%);
 /* IE10+ */
 background-image: repeating-linear-gradient(to bottom right, #3f95ea 0%, #52d3aa 100%);
 background-image: -ms-repeating-linear-gradient(top left, #3f95ea 0%, #52d3aa 100%);
}
.gradient-1 {
    background-color: #a18cab;
    background-image: -o-linear-gradient(-40deg, #0e153a 10%, #4a4c7b 35%, #a18cab 65%, #f3c9d7 90%);
    background-image: -moz-linear-gradient(-40deg, #0e153a 10%, #4a4c7b 35%, #a18cab 65%, #f3c9d7 90%);
    background-image: -ms-linear-gradient(-40deg, #0e153a 10%, #4a4c7b 35%, #a18cab 65%, #f3c9d7 90%);
    background-image: linear-gradient(-130deg, #0e153a 10%, #4a4c7b 35%, #a18cab 65%, #f3c9d7 90%); }

.gradient-2 {
    background-color: #8caba4;
    background-image: -o-linear-gradient(-40deg, #0e1c3a 10%, #4a687b 35%, #8caba4 65%, #c9f3d1 90%);
    background-image: -moz-linear-gradient(-40deg, #0e1c3a 10%, #4a687b 35%, #8caba4 65%, #c9f3d1 90%);
    background-image: -ms-linear-gradient(-40deg, #0e1c3a 10%, #4a687b 35%, #8caba4 65%, #c9f3d1 90%);
    background-image: linear-gradient(-130deg, #0e1c3a 10%, #4a687b 35%, #8caba4 65%, #c9f3d1 90%); }

.gradient-3 {
    background-color: #ab9c8c;
    background-image: -o-linear-gradient(-40deg, #3a0e1c 10%, #7b4a54 35%, #ab9c8c 65%, #def3c9 90%);
    background-image: -moz-linear-gradient(-40deg, #3a0e1c 10%, #7b4a54 35%, #ab9c8c 65%, #def3c9 90%);
    background-image: -ms-linear-gradient(-40deg, #3a0e1c 10%, #7b4a54 35%, #ab9c8c 65%, #def3c9 90%);
    background-image: linear-gradient(-130deg, #3a0e1c 10%, #7b4a54 35%, #ab9c8c 65%, #def3c9 90%); }

.gradient-4 {
    background-color: #ab8c98;
    background-image: -o-linear-gradient(-40deg, #2f0e3a 10%, #754a7b 35%, #ab8c98 65%, #f3e1c9 90%);
    background-image: -moz-linear-gradient(-40deg, #2f0e3a 10%, #754a7b 35%, #ab8c98 65%, #f3e1c9 90%);
    background-image: -ms-linear-gradient(-40deg, #2f0e3a 10%, #754a7b 35%, #ab8c98 65%, #f3e1c9 90%);
    background-image: linear-gradient(-130deg, #2f0e3a 10%, #754a7b 35%, #ab8c98 65%, #f3e1c9 90%); }

.gradient-5 {
    background-color: #8f8cab;
    background-image: -o-linear-gradient(-40deg, #0e2f3a 10%, #4a687b 35%, #8f8cab 65%, #f3c9ef 90%);
    background-image: -moz-linear-gradient(-40deg, #0e2f3a 10%, #4a687b 35%, #8f8cab 65%, #f3c9ef 90%);
    background-image: -ms-linear-gradient(-40deg, #0e2f3a 10%, #4a687b 35%, #8f8cab 65%, #f3c9ef 90%);
    background-image: linear-gradient(-130deg, #0e2f3a 10%, #4a687b 35%, #8f8cab 65%, #f3c9ef 90%); }