[Solved]-HighCharts Create gradiance decress color to blur for each value on bar chart-Highcharts

you can use coloraxis from heatmap series by wrapping colum's prototype:

var columnproto = highcharts.seriestypes.column.prototype;

columnproto.axistypes = ['xaxis', 'yaxis', 'coloraxis'];
columnproto.optionalaxis = 'coloraxis';
columnproto.colorkey = 'y';

highcharts.wrap(columnproto, 'translate', function(proceed) {
    proceed.apply(this, array.prototype.slice.call(arguments, 1));

    highcharts.seriestypes.heatmap.prototype.translatecolors.call(this);
});

highcharts.chart('container', {
    series: [{
        type: 'bar',
        data: [1, 2, 3, 4, 5, 6, 7, 8, 9]
    }],
    coloraxis: {
        mincolor: '#c6e48b',
        maxcolor: '#196127',
        min: 1,
        max: 9
    }
});

live demo: http://jsfiddle.net/blacklabel/u8wgh0dk/

api reference: https://api.highcharts.com/highcharts/coloraxis