Gradient Generator
Make a linear, radial or conic gradient with a live preview, copy the CSS, download it as a gradient background or wallpaper, or lay it over your own photo or video
Colors (2)
0%
100%
Gradient Type
Direction
90°
Gradient over a photo or video
CSS Code
background: linear-gradient(90deg, #FF6B6B 0%, #4ECDC4 100%);Download as Background or Wallpaper
Save this gradient as a PNG, JPG or SVG image in Full HD, 4K, phone or a custom size, or open it full screen. Free to use, no attribution needed.
gradient-linear-ff6b6b-4ecdc4-1920x1080.png
Sized for social media: Instagram Story, YouTube banner, LinkedIn and more formats.