<div id="surface"></div>
<script>
  var draw = kendo.drawing;
  var geom = kendo.geometry;

  var options = {
    start: [0, 0],
    end: [1, 0],
    stops: [{
      offset: 0,
      color: "#0066cc"
    }, {
      offset: 1,
      color: "#66ccff"
    }]
  };

  var gradient = new draw.LinearGradient(options);
  var rect = new geom.Rect([10, 10], [200, 100]);
  var path = draw.Path.fromRect(rect, {
    fill: gradient,
    stroke: null
  });

  var surface = draw.Surface.create($("#surface"));
  surface.draw(path);
</script>