css如何实现如图所示的角度渐变

css如何实现如图所示的角度渐变？
要求在块级元素中，用代码实现

如何才能确定渐变开始的那条分界线？
如何才能把这条分界线的开头定位到div块的中心？