JSFiddle - React, Tailwind, and code Playground

HTML

<span>M</span>

CSS

span {
background: linear-gradient(to right, green, red);  /* подробнее про градиенты */ 
  -webkit-background-clip: text;  /* подробнее про background-clip */ 
  color: transparent;
}