Q:

How can I put two different gradient properties

I need to create a gradient banner that have the image V.
So I have this part that give me the image :
background: linear-gradient(45deg, #0000ff 12%,#ffffff 25%,#ff0000 37%);

And this part that give me the image /:
background: linear-gradient(-45deg, #0000ff 12%,#ffffff 25%,#ff0000 37%);

So I tried with this:
background: linear-gradient(45deg,  #0000ff 12%,#ffffff 25%,#ff0000 37%),
linear-gradient(-45deg, #0000ff 12%,#ffffff 25%,#ff0000 37%);

I expect the image V but instead of I have the only image .
What I'm wrong?
Thanks
Edit: I want this output. Is it possible?
http://s18.postimg.org/cx5y2jtgp/image.png

A:

As mentioned in the comment by @Harry, the top layer overlaps the bottom one.
Making the top layer go to transparent instead of #ff0000 solves it:
background: linear-gradient(45deg,  #0000ff 12%,#ffffff 25%,transparent 37%),
linear-gradient(-45deg, #0000ff 12%,#ffffff 25%,#ff0000 37%);

