Как сверстать буквы 2 цветов?

.text { 
  display:inline-block; 
  text-transform: uppercase; 
  background: linear-gradient(to right, gray 0%, gray 11%, wheat 11.1%, wheat 89%, gray 89.1%, gray 100%); 
  -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent; 
  font-size: 20vw; 
  font-family: "Arial", sans-serif; 
}

<div class="text">Hello</div>