CSS -градиент гладкий при форме ⇐ CSS

[Anonymous]

Я пытался сделать это

эффект с использованием CSS, но я как бы застрял, я не могу понять, как заставить цвет градиента выглядеть гладким. Это можно сделать? < /p>
Пока это то, что я получил < /p>
height: 400px;
width: 300px;
background:
conic-gradient(
at 50% 5%,
transparent 43%,
rgba(80, 112, 230, 0.8) 47%,
rgba(55, 217, 214, 0.6) 53%,
transparent 57.5%
) 50% -25px / 100% 100%;
background-blend-mode: overlay;
background-repeat: no-repeat;
mix-blend-mode: screen;
opacity: 1;
filter: blur(3px);
-webkit-mask-image: radial-gradient(circle at 50% 0%, black 5%, transparent 70%);


Подробнее здесь: https://stackoverflow.com/questions/794 ... h-on-shape