Tengo esta linea
-webkit-linear-gradient(-20deg, #F15A24 87%, transparent 13%);
Funciona bien!!
Pero cuando intento con mas valores lo hace mal
-webkit-linear-gradient(49deg, #575757 52px, #f6f6f6 39px, #092432 429px, #736357 173px, #727272 172px, #FFFFFF 491px, #FFFFFF 530px, #092432 480px, #FFFFFF 50px, #E6E6E6 252px, #092432 1075px);
También ya intente con porcentajes
-webkit-linear-gradient(49deg, #575757 1.38925995191%, #f6f6f6 1.04194496393%, #092432 11.4613946033%, #736357 4.62196099386%, #727272 4.59524445632%, #FFFFFF 13.1178199305%, #FFFFFF 14.1597648945%, #092432 12.8239380176%, #FFFFFF 1.33582687684%, #E6E6E6 6.73256745926%, #092432 28.720277852%);
El resultado sigue siendo el mismo.
¿Como puedo lograr esto con CSS o JQuery?
La idea es pintar body de distintos colores del tamaño de los elementos que tengo en un center a 1024px y en resoluciones superiores se vea el contraste.