<div id="surface"></div>
<script>
var draw = kendo.drawing;
var surface = draw.Surface.create($("#surface"));

var gradientStop = new draw.GradientStop({
    offset: 0.5,
    color: "#ff0000",
    opacity: 0.8
});

console.log(gradientStop.options.color); // "#ff0000"
</script>