Как сделать бэкграунд

Не могу понять каким образом создавать подобные бэкграунды не используя заранее заготовленное изображение.

Ответ

Что-то похожее
.variant1,.variant2{ height:50vh; border:1px solid; } .variant1{ background:repeating-linear-gradient(-45deg, #6ac4e6 200px,#61c0e7 250px); } .variant2{ background:linear-gradient(-45deg,#6ac4e6 47%,#61c0e7 50%); background-size:50px 50px; }