JSFiddle - React, Tailwind, and code Playground

HTML

<div class="raz">Текст</div>

CSS

.raz {
  background: linear-gradient(to top, green 0%, green 40%, red 40%, red 100%);  
  -webkit-background-clip: text; 
  color: transparent;
  
  font-size: 50px;
  line-height: 1;
}