.linearGradient(@stop1:0, @color1:#ccc, @stop2:50%, @color2:#ddd, @stop3:100%, @color3:#ccc){ 
  background-color:@color2;
  background:-webkit-gradient(linear, left bottom, left top, color-stop(@stop1, @color1), color-stop(@stop2, @color2), color-stop(@stop3, @color3));
  background:-moz-linear-gradient(center bottom, @color1 @stop1, @color2 @stop2, @color3 @stop3);
   background:-ms-linear-gradient(center bottom, @color1 @stop1, @color2 @stop2, @color3 @stop3);
  background:-o-linear-gradient(center bottom, @color1 @stop1, @color2 @stop2, @color3 @stop3);
  background:linear-gradient(center bottom, @color1 @stop1, @color2 @stop2, @color3 @stop3); 
  -pie-background: linear-gradient(@color1, @color2, @color3);
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", @color1, @color3)); 

}

.linearGradient(@stop1:0, @color1:#ccc, @stop2:50%, @color2:#ddd, @stop3:100%, @color3:#ccc){
  background:-webkit-gradient(linear, left bottom, left top, color-stop(@stop1, @color1), color-stop(@stop2, @color2), color-stop(@stop3, @color3));
  background:-moz-linear-gradient(center bottom, @color1 @stop1, @color2 @stop2, @color3 @stop3);
  background:-o-linear-gradient(center bottom, @color1 @stop1, @color2 @stop2, @color3 @stop3);
  background:linear-gradient(center bottom, @color1 @stop1, @color2 @stop2, @color3 @stop3);
}

.linearGradient(@stop1:0, @color1:#ccc, @stop2:50%, @color2:#ddd, @stop3:100%, @color3:#ccc){
  background:-webkit-gradient(linear, left bottom, left top, color-stop(@stop1, @color1), color-stop(@stop2, @color2), color-stop(@stop3, @color3));
  background:-moz-linear-gradient(center bottom, @color1 @stop1, @color2 @stop2, @color1 @stop3);
  background:-o-linear-gradient(center bottom, @color1 @stop1, @color2 @stop2, @color1 @stop3);
  background:linear-gradient(center bottom, @color1 @stop1, @color2 @stop2, @color1 @stop3);
}

http://lostwebdesigns.com

Use as follow in you style.less file :

<pre>
.example{
    .linearGradient(0, #fff, 50%, #ccc, 100%, #fff);
}
</pre>

Less Css 3 color linear gradient

CSS3

CSS