CSS3 gradient rendering issues from transparent to white

Question

I am having issues with cross browser rendering of CSS3 gradients. This is happening when I am trying to create a gradient from transparent colour to white.

The file

Answer 1

The trick with a color besides white (and with white actually) is to rgba the actual color that is fading.

background-image: linear-gradient(to right, 
  rgba(111,174,249, 0) 0%,
  rgba(111,174,249, 0) 80%,
  rgb (111,174,249)    100%);

In case the color being used is hex (like #6faef9) use a hex to rgba converter to convert the color.