title: Generate solid colors using CSS linear-gradient (not smooth colors)
body: <p>Assuming my linear CSS gradient looks like this:</p>
  
  <p><code>background: linear-gradient(to right, red 0%, green 20%, blue 40%, purple 60%, yellow 80%, black 100%)</code></p>
  
  <p>It will generate a CSS gradient that looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/yFtjd.png" rel="noreferrer"><img src="https://i.stack.imgur.com/yFtjd.png" alt="enter image description here"></a></p>
  
  <p>How do I make the same gradient but with solid colors without the transitioning between the colors? (using CSS)</p>
  
  <p>Something similar to this: </p>
  
  <p><a href="https://i.stack.imgur.com/xCmIq.png" rel="noreferrer"><img src="https://i.stack.imgur.com/xCmIq.png" alt="enter image description here"></a>
  Thanks</p>