Poziomy gradient w CSS

Witam serdecznie.
Mam taki kod:

body {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    color: #000000;
    background-image: -moz-linear-gradient(top, #5E219C 0%, #ffffff 20%, #ffffff 10%, #ffffff 100%);
    background-image: -webkit-linear-gradient(top, #5E219C 0%, #ffffff 20%, #ffffff 10%, #ffffff 100%);
    background-image: linear-gradient(to bottom, #5E219C 0%, #ffffff 20%, #ffffff 10%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5E219C', endColorstr='#ffffff', GradientType=0);
}

W górnej części strony wyświetla się gradient od jasnego koloru do fioletu. Dolna część strony jest biała.
To działa ok. Chciałbym jednak obrócić gradient w następujący sposób:

• z lewej strony miałby być lekko fiotetowy kolor, który przeszedłby w #5E219C (na środku ekranu) po czym przeszedłby w ciemno fioletowy kolor.
• dolna część strony miałaby pozostać bez zmian.

Wie ktoś może jak to zrobić?

Mój szablon: http://serwer1356363.home.pl/pub/test/
efekt jaki chcę uzyskać: http://serwer1356363.home.pl/pub/test/screen.png

Możesz się pobawić, tutaj zobacz opis:
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients
https://css-tricks.com/css3-gradients/

Do podanych linków nie ma już dostępu, ale tak myślę, że jeżeli chcesz jedynie obrócić gradient (tak zrozumiałem), to wystarczy zmienić parametr to bottom na to left oraz kolory, o tak:

linear-gradient(to left, #5E219C 10%, #bf95e9 85%, #d9c0f2 100%);

(oraz pozostałe dwa wystąpienia tej funkcji).

UPDATE: zaktualizowałem kolory, bo zauważyłem, że też potrzeba.