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

[Anonymous]

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

эффект с использованием CSS, но я как бы застрял, я не могу понять, как заставить цвет градиента выглядеть гладким. Это можно сделать? Snippet-Code ">

Код: Выделить всё

.bg-gradient {
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%);
}< /code>

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