JSFiddle - React, Tailwind, and code Playground

by Serg Sagan

HTML

<div class="triangle-right"></div>

CSS

.triangle-right {
  width: 150px;
  height: 0;
  border-top: 30px solid gray;
  border-bottom: 30px solid gray;
  border-left: 30px solid transparent;
  //необходимый градиент
  background-image: linear-gradient(to top, rgb(207, 207, 213) 0%, rgb(135, 129, 129) 50%, rgb(207, 207, 213) 100%);
}