Multiple linear gradients


So I am trying to get two opposite linear gradients. One of 45deg and one of -45deg. One of them looks weird. I want them both to look like the one going from top left to right bottom. And then basically creating a kind of square in the middle:

Right now the one going from left bottom to right top looks off. And not similar to the other one.

What type of gradient are you trying to create:

Are you trying to create A tilted Reflected Gradient, or a Diamond Gradient.

I want to create an angle. That angle should come from two opposite angles. One 45 degree and the other - 45 degree

If you are working on Codepen, go ahead and put a link to the site up here.