How to remove fade from gradient in css

Question

I have got following button in my html code
<input type="button" id="button" title="button" name="button" class="button" value="button" />
and this css attached

.button{
  width:200px;
  height:;50px;
  position:relative;
  top:50px;
  left:200px;
  background:-webkit-linear-gradient(180deg,white 33%,blue 67%)
}

https://jsfiddle.net/mudkcuqj/

Now my spirit desires to remove that heinous fade which is caused by gradient

Answer 1

Just add "blue 0.1%" between "white 33%" and "blue 67%"

.button{
  width:200px;
  height:50px;
  position:relative;
  top:50px;
  left:200px;
  background:linear-gradient(180deg,white 33%,blue 0.1%,blue 67%);
}