Example Here

html,body {
    height: 100%;
}
body {
    background-image: linear-gradient(90deg,#F6D6A8 20%,#F5BA55 20%,#F5BA55 40%,#F09741 40%,#F09741 60%,#327AB2 60%,#327AB2 80%,#3A94F6 80%);
}

只需添加供应商前缀即可获得其他浏览器支持

body {
    background: -moz-linear-gradient(90deg,#3A94F6 80%);
    background: -webkit-linear-gradient(90deg,#3A94F6 80%);
    background: linear-gradient(90deg,#3A94F6 80%);
}

浏览器支持可以在here找到.