How to use grain and vintage gradient backgrounds
Grainy and vintage gradients add texture and a soft-focus finish to colour blends. Use them for atmospheric posters, editorial covers and decorative backgrounds.
Preview the grain at final size. Textured backgrounds can reference image artwork instead of pure CSS functions.
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.