Apply tailwind css class in linear-gradient stop-color

I need to use tailwind semantic css classes of tailwind.config file in SVG image inside lineargradient stop-color properties.

Adjust the SVG Path to achieve required design in my react app using tailwind CSS