CSS3 Liner Gradient solid color size

Question

I want to create liner gradient with different color with fixed width of each for for example :

.repeat {
width: 100%;
height: 201px;
background: linear-gradient(138deg, red 33%, red 12%, green 33%, green 67%, blue 33%, blue 10%);}

In this code how to fix width of red, green and blue ?

I want exactly like this with different width for all colors. Jsfiddle Demo

Answer 1

Here's fiddle!

CSS:

background: linear-gradient(135deg,  #ff0000 33%,#00ff00 33%,#00ff00 67%,#00ff00 67%,#0000ff 67%);