90 degree text with radial color

<style>
  #text01 {
    white-space: nowrap;
    font-size: 9em;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #4d4d4d;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
  }

</style>
<div>
 <h1 id="text01">
  <span style="color: #faebeb">n</span><span style="color: #fcf2f2">a</span><span style="color: #fdf8f8">m</span><span style="color: #ffffff">i</span><span style="color: #fdf8f8">e</span><span style="color: #fcf2f2">s</span>
 </h1>
</div>


instructions:
1. go to https://patorjk.com/text-color-fader/ to have the colors gradient
2. or choose any gradient generator