multiple color background

1body{
2/* Its, very important to set the background repeat to: no-repeat */
3background-repeat:no-repeat; 
4
5background-image:  
6/* 1) An image              */ url(http://lorempixel.com/640/100/nature/John3-16/), 
7/* 2) Gradient              */ linear-gradient(to right, RGB(0, 0, 0), RGB(255, 255, 255)), 
8/* 3) Color(using gradient) */ linear-gradient(to right, RGB(110, 175, 233), RGB(110, 175, 233));
9
10background-position:
11/* 1) Image position        */ 0 0, 
12/* 2) Gradient position     */ 0 100px,
13/* 3) Color position        */ 0 130px;
14
15background-size:  
16/* 1) Image size            */ 640px 100px,
17/* 2) Gradient size         */ 100% 30px, 
18/* 3) Color size            */ 100% 30px;
19}

1background: linear-gradient(<angle>, color1 color1-stop-at, color2 color2-start-at);