Do autoprefixer support gradient?

I have a style like this:

#header{
    position: absolute;
    z-index: 9999;
    height: 40px;
    width: 100%;
    top: -40px;
    overflow: hidden;
    transform: translate(0px, 40px);
    background: gradient(linear,0 0,0 100%,from(#E6E6E6),to(#D1D5D6));
    box-shadow: 0 2px 1px 0 #A3A5A8;
}

but after autoprefixer, css like this:

#header {
  position: absolute;
  z-index: 9999;
  height: 40px;
  width: 100%;
  top: -40px;
  overflow: hidden;
  -webkit-transform: translate(0px, 40px);
  -ms-transform: translate(0px, 40px);
  -o-transform: translate(0px, 40px);
  transform: translate(0px, 40px);
  background: gradient(linear,0 0,0 100%,from(#E6E6E6),to(#D1D5D6));
  box-shadow: 0 2px 1px 0 #A3A5A8;
}

so the background: gradient(linear,0 0,0 100%,from(#E6E6E6),to(#D1D5D6)); is invalid in chrome, I’ve expected a vendor prefix -webkit would be added, but didn’t.

Do the tool support gradient? Or Do I set error?

Best Regards

[porada]

This is incorrect syntax. I believe this is what you wanted:

#header {
   background: linear-gradient(to bottom, #e6e6e6 50%, #d1d5d6 100%);
}

[qcgm1978]

You are great. The code now perfect by autoprefixer.Thank you. Best Regards