Градиентная заливка треугольника в CSS

Здравствуйте) Вы можете использовать ниже указанный background для градиента в верхнем левом углу:

background:-webkit-gradient(radial, -36 22, 0, -47 -341, 465, from(#506B00), to(#DF4E28)) или background:-webkit-gradient(linear, 27% 56%, 0% 0%, from(#0040BC), to(#C54928))

Если Вам необходимо по всей левой части треугольника, то ниже указанный background:

background:-webkit-gradient(linear, 100% 26%, 0% 1%, from(#0040BC), to(#C54928))

Цвета укажите необходимые Вам)