How to use duotone gradient backgrounds
Duotone gradients balance two main colour areas. They are a useful starting point for restrained cards, simple brand compositions and backgrounds with fewer competing hues.
Compare the supplied colour values with your brand palette and check text contrast after placing the background.
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.