BG Gradient

Create CSS gradient backgrounds with mesh, multi-stop, and radial options. Copy CSS for body backgrounds.

Mesh GradientsMulti-StopCopy CSS

Type

Angle: 135deg

Color Stops

50%

100%

CSS Output

body {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
  min-height: 100vh;
}

Love this tool? Explore 999+ more

Free online tools for images, PDFs, text, code, and more. All running in your browser.