How can I take the harsh edge from the blur div?

Hey guys!

On the screenshot you can see, that I’ve tried to create a blurred gradient. The problem is right now, that the div where the blur is applied, creates a sharp edge that doesn’t look good.
Is it possible to fade the blur?

Thank you!!

Best regards
Aaron