How to use smooth gradient backgrounds
Smooth gradients blend colours with quiet transitions. They are useful starting points for interface backgrounds, cards and layouts that need a less busy surface.
Choose native CSS when you want a background without an additional artwork request.
Choose CSS for a website background or export PNG, JPG, SVG or WebP for your project. The exporter includes Full HD, 4K, square, story and phone presets, plus custom sizes. Some SVG designs contain raster artwork; output dimensions do not increase their source detail.