title: How to create a gradient with 3 colors in CSS without color escalation
body: <p>In this example I have a gradient of 2 colors, alignd to right.</p>
  
  <p><img src="https://i.stack.imgur.com/ta3xu.png" alt="Image"></p>
  
  <pre><code>background: linear-gradient(to right, #c4d7e6 50%, #66a5ad 50%, #66a5ad 50%);
  </code></pre>
  
  <p>Is there any way I can have more than 2 colors? For example may I add red color on the right of the second one?</p>