Оказывается в css можно смешать несколько градиентов с помощью background-blend-mode
.content {
background: linear-gradient(307.27deg,#096f5c .37%,#687eb5 50.19%,#8877ce),radial-gradient(100% 140% at 100% 0,#ff00c7 0,#006c7a 49.48%,#f90 100%);
background-blend-mode: overlay,difference,overlay,overlay,difference,color-dodge,normal;
}
