[Vuejs]-How to change a range of numbers from one point to another using Vue Range Slider

Convert the rage to percentages:

#b9e3e2 6.52173913%, //22
#bbf680 6.52173913%, 
#bbf680 26.08695652%, // 31
#ffe500 26.08695652%,
#ffe500 67.39130435%, // 50
#e5809e 67.39130435%,
#e5809e 100%

or even like this, if you want the color to change in between ages.

#b9e3e2 5.434782609%, // 21.5
#bbf680 5.434782609%,
#bbf680 25%, // 30.5
#ffe500 25%,
#ffe500 66.30434783%, // 49.5
#e5809e 66.30434783%,
#e5809e 100%