title: Smooth CSS gradients
body: <p>I'm learning how to use CSS gradients.</p>
  
  <p>My problem is with top to bottom gradients. You can just <em>see</em> the "stops" in the color changing.</p>
  
  <p><img src="https://i.stack.imgur.com/qXk0j.png" alt="enter image description here"></p>
  
  <p>This is my CSS code</p>
  
  <pre><code>#header { 
     width:1000px; 
     height:250px; 
     background:-moz-linear-gradient(top, #BF7A30 30%, #EDD599); 
     background:-webkit-linear-gradient(top, #BF7A30 30%, #EDD599); 
  }
  </code></pre>
  
  <p>Is there a way to smooth out the stops in top to bottom gradients? (this, to my eye, isn't very visible in left to right or right to left gradients) </p>