Как сверстать такой блок (фото прилагается)?
псевдоэлемент after
добавьте псевдокласс before с градиентом так:

html
<div class='block'></div>

css
.block {
width: 0; 
height: 0;
border-top: 50px solid transparent;
border-left: 50px solid #D0D4DC;
border-bottom: 50px solid transparent;
}