Free blob shape generator

Generate blobs for your modern website. Get the svg code for free.

html

<svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg" width="100%" id="blobSvg">
  <defs>
    <linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" style="stop-color: rgb(238, 205, 163);"></stop>
      <stop offset="100%" style="stop-color: rgb(239, 98, 159);"></stop>
    </linearGradient>
  </defs>
  <path id="blob" d="M436.5,321Q392,392,321,434.5Q250,477,168,445.5Q86,414,58,332Q30,250,74.5,184.5Q119,119,184.5,96Q250,73,337,74.5Q424,76,452.5,163Q481,250,436.5,321Z" fill="url(#gradient)"></path>
</svg>

Check out blobs.app

Edit this page