Blurred Background Generator


This tool helps you to generate beautiful blurry background images that you can use in any project. It doesn’t use CSS3 gradients, but a rather unique approach. It takes a stock image, extracts a very small area (sample area) and scales it up to 100%. The browser’s image smoothing algorithm takes care of the rest.

The result is a base64 encoded image which you can then use as a background. Strange though that the tool is named “unique gradient generator” as it generates blurred backgrounds.

Unique gradient generator →