Как сверстать диагональные блоки?

Question

[Valsin]

Добрый день! Как сверстать подобное, Пробовал через linear-gradient и svg, но тогда не получается серый фон запихнуть

.main
	position: relative
	background-image: linear-gradient(-130deg, #790504 0%, #db0a07 100%)
svg 
	    position: absolute
	    bottom: 0
	    left: 0
	    width: 100%
	    height: 15vw

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none">
         <polygon fill="white" points="0,100 100,0 100,100"/>
 </svg>

Answer 1

[SuperToster]

Не очень понятна задача без контекста.
Вы хотите сделать SVG фон из двух объектов, один из них с градиентом?
Например так: jsfiddle.net/bqe6jtdk/

Answer 2

[Алексей]

Можно сверстать прямо, затем повернуть внутри body, при помощи transform: rotate(n deg) на нужный угол а градиент наложить сверху через псевдоэлемент after