title: How to remove fade from gradient in css
body: <p>I have got following button in my html code<br>
  <code>&lt;input type="button" id="button" title="button" name="button" class="button" value="button" /&gt;</code><br>
  and this css attached   </p>
  
  <pre><code>.button{
    width:200px;
    height:;50px;
    position:relative;
    top:50px;
    left:200px;
    background:-webkit-linear-gradient(180deg,white 33%,blue 67%)
  }
  </code></pre>
  
  <p><a href="https://jsfiddle.net/mudkcuqj/" rel="nofollow noreferrer">https://jsfiddle.net/mudkcuqj/</a></p>
  
  <p>Now my spirit desires to remove that heinous fade which is caused by <code>gradient</code></p>