如何使两条对角线的背景与CSS在相反的方向？

我知道有一些问题，所以关于这一点，但我发现大多数是处理背景分割为两种颜色。我不知道如何定制它来适应我想要做的东西

我需要这样的背景：

到目前为止，无论我尝试了什么，我似乎都无法使另一条线朝相反的方向移动。有人能帮我吗

以下是我目前得到的信息：

.background{
高度：500px；
背景色：#894325；
背景图像：-webkit线性梯度（-78度，#894325 70%，#e9e9e9 30%）；
}

---

以下是一个示例，您可以根据需要调整位置和颜色。 实际上，您可以只使用一个具有多个背景的元素。注：我已删除背景色

.background{
高度：400px；
背景图像：-webkit线性渐变（-78度，#894325 70%，透明30%），-webkit线性渐变（78度，透明70%，红色30%）；
背景重复：不重复，不重复；
背景位置：左上角，0 200px；
}
使用两种渐变，如：


.background{
高度：500px；
背景色：#894325；
背景：线性梯度（172deg，rgba（137,67,37,1）50%，透明50%），线性梯度（8deg，透明50%，rgba（233233233233）50%）；
}

这能作为背景吗？为什么不能？你有一个背景，我只是建议你用它做另一个背景，这样你有两层，使用两个渐变？