Weicher Übergang

background-image: linear-gradient(to right, red, orange, yellow, green, blue, purple);

Weicher Übergang mit jeweils 10px

background-image: linear-gradient(to right, red 10px, orange 20px, orange 30px, yellow 40px, yellow 50px, green 60px, green 70px, blue 80px, blue 90px, purple 100px);

Harter Übergang

background-image: linear-gradient(to right, red 17%, orange 17%, orange 34%, yellow 34%, yellow 50%, green 50%, green 67%, blue 67%, blue 84%, purple 84%);

Farbverlauf mit doppelten Längenangaben

background-image: linear-gradient( to right, red 17%, orange 0 34%, yellow 0 50%, green 0 67%, blue 0 84%, purple 84% );

Farbverlauf nach unten mit doppelten Längenangaben

background-image: linear-gradient( to right, red 17%, orange 0 34%, yellow 0 50%, green 0 67%, blue 0 84%, purple 84% );

Farbverlauf nach unten mit doppelten Längenangaben

background-image: linear-gradient(#ffffff, #000000, #ffffff);