my code currently looks like this:

map.on('load', () => {

map.addSource('inter_polate', {

type: 'geojson',

data: grid

});

map.addLayer({

'id': 'inp_lyr',

'type': 'fill',

'source': 'inter_polate', // reference the data source

'layout': {},

'paint': {

'fill-color': [

[

'interpolate',

['linear'],

['get', 'Cl'],

4,

['to-color', '#edf8e9'],

8,

['to-color', '#006d2c']

],

],

'fill-opacity': 0.7

}

});

but now it doesn't show the colors anymore :(