SVG generator for fluid blurred gradient backgrounds
blend mode ↷
Some sample gradient backgrounds generated using this tool ↷
This SVG generator makes it easy to generate fluid and organic-feeling mesh gradients. You can use the resulting graphics as backgrounds to elements on a page to give a colorful fluid look to page elements.
Note that the resulting SVG files, while small in size, will often require a whole lot of graphic processing power to render, especially at large sizes and when the window is resized. If this becomes an issue in your particular use case, I recommend using a tool like Squoosh to rasterize the resulting SVG graphic to a modern optimized raster format like WebP or AVIF.
or, if that's more your style, you can follow me on Twitter