Ok, I don’t know if this is possible, just something wrong with my code…
So, I try to make a linear gradient within a gradient?
background: -webkit-linear-gradient(top, #9DB2F0 0%, #9DB2F0 40%, -webkit-linear-gradient(left, red 0%, yellow 100%) 40%)
If possible, please tell me if I’m doing something wrong, or which browser it’s possible in.
Gradients are image values, not color values. Since gradients in CSS3 only make use of color stops, you can’t nest them like that.
You’ll want to find a gradient or image editor that can help you visualize what the final gradient would look like (because I don’t know what you want it to look like), and that could possibly generate the corresponding single linear gradient for you.
From what I see, though, it looks like a multidirectional gradient. In that case, you’ll either want to use layered backgrounds (with one gradient per layer), or even an actual image instead.