Background Generator

Create soft gradient backgrounds and download them as PNG or copy CSS.

Background Preview

Create soft gradient backgrounds for websites, cards, and visual assets.

Adjust the settings to generate a background preview.

CSS Background

background:
  radial-gradient(circle at 28% 35%, #F28C6F 0%, transparent 55%),
  radial-gradient(circle at 72% 65%, #FFD6C8 0%, transparent 55%),
  #FFF7F3;
filter: blur(0px);

Controls

Canvas Width

Canvas Height

Base Color

Accent Color 1

Accent Color 2

Blob Size55%

Blur70px