How can I apply this SVG curve path to a div background or clip-path in CSS?

1 week ago 14

I’m trying to create a header layout with a specific curved shape.

The small squares are SVGs, but I can’t reproduce the curved blue border using CSS clip-path.

Here is the path I want to apply to a white <div>:

M 0 300 L 350 300 C 400 300 400 250 450 250 L 800 250

I tried using clip-path: path("…"), but I can’t get the curve to match the SVG path.

How can I apply this exact curve to a div using CSS? Should I use clip-path or another technique?

Hidden in mobile, Best for skyscrapers.