title: Change background-color with different shades of color
body: <p>I am trying to make a webpage with a background that changes color with the <em>shades</em> of the rainbow. I don't want any smooth transitions, I want them to change instantly. With shades, I mean it doesn't just go from red to orange to green e.t.c, I mean it uses the shades of each color.</p>
  
  <p>It's a bit difficult to explain, I got it from <a href="https://kutcijferblokka.de/" rel="nofollow noreferrer" title="https://kutcijferblokka.de/">this</a> website. If you hit 'inspect element' on the log in page, and then visit console, you'll see a bunch of rainbow text. The code used to achieve this is: </p>
  
  <pre><code>background:linear-gradient(to left, red,orange,yellow,green,blue,indigo,violet)
  </code></pre>
  
  <p>As you can see there, it's a bunch of different shades from each color in the code. How would I use this, but as a background of my webpage?</p>