graph color change

by tyage

HTML

<svg height="42" width="681">
    <defs>
      <linearGradient id="gray">
        <stop offset="50%" stop-color="gray" />
        <stop offset="50%" stop-color="hsl(103, 56.8%, 69%)" />
        <stop offset="85%" stop-color="hsl(103, 56.8%, 69%)" />
        <stop offset="85%" stop-color="gray" />
      </linearGradient>
    </defs>
    <path d="M-120.7311874074074,36.774193548387096L-104.95340962962963,30.967741935483872L-89.17563185185185,37.41935483870968L-73.39785407407406,37.41935483870968L-57.6200762962963,28.38709677419355L-41.84229851851852,12.903225806451616L-26.064520740740743,21.93548387096774L-10.286742962962963,9.032258064516128L5.491034814814815,27.096774193548388L21.268812592592592,25.806451612903224L37.046590370370375,30.967741935483872L52.82436814814815,30.967741935483872L68.60214592592592,37.41935483870968L84.37992370370371,37.41935483870968L100.15770148148147,37.41935483870968L115.93547925925925,37.41935483870968L131.71325703703704,37.41935483870968L147.4910348148148,37.41935483870968L163.2688125925926,29.67741935483871L179.04659037037038,37.41935483870968L194.82436814814812,37.41935483870968L210.60214592592592,37.41935483870968M242.1577014814815,37.41935483870968L257.93547925925924,37.41935483870968L273.713257037037,7.741935483870968L289.4910348148148,14.19354838709678L305.26881259259255,0L321.0465903703703,16.7741935483871L336.82436814814815,28.38709677419355L352.6021459259259,24.516129032258064L368.3799237037037,27.096774193548388L384.15770148148147,34.83870967741935L399.9354792592593,37.41935483870968L415.71325703703707,37.41935483870968L431.4910348148148,37.41935483870968L447.26881259259255,27.096774193548388L463.0465903703703,30.967741935483872L478.82436814814815,37.41935483870968L494.6021459259259,37.41935483870968L510.3799237037037,37.41935483870968L526.1577014814815,37.41935483870968L541.9354792592593,37.41935483870968L557.713257037037,19.032258064516128" fill="none" stroke="url(#gray)" stroke-width="3" />
</svg>