icons
illustrations
emojis
elements
All Families
Backgrounds - Gradients [Free]
60 elements
by
Streamline
Free
[Free] A collection of striking gradients in two styles: Blurry for intricate, layered backgrounds and Linear for a clean, classic aesthetic.
Figma plugin
for designers
Framer plugin
for creators
VS Code extension
for developers
Box
Colors
Reset
elements
>
Backgrounds
>
Backgrounds - Gradients [Free]
Zoom
Blurry Ellipses
Blurry Linear
Linear Subtle
Linear Vibrant
Pasting...
px
![Blue Yellow Red Blurry Ellipses Element from Backgrounds - Gradients [Free] Set](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/blurry-ellipses/blue-yellow-red-blurry-ellipses-2e5f8.png?_a=DATAg1fmZAA0){kind=icon}
![Magenta Blue Green Blurry Ellipses Element from Backgrounds - Gradients [Free] Set](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/blurry-ellipses/magenta-blue-green-blurry-ellipses-a2f99.png?_a=DATAg1fmZAA0){kind=icon}
![Orange Red Blue Blurry Ellipses Element from Backgrounds - Gradients [Free] Set](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/blurry-ellipses/orange-red-blue-blurry-ellipses-12312.png?_a=DATAg1fmZAA0){kind=icon}
![Purple Blue Green Yellow Orange Blurry Ellipses Element from Backgrounds - Gradients [Free] Set](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/blurry-ellipses/purple-blue-green-yellow-orange-blurry-ellipses-5c83a.png?_a=DATAg1fmZAA0){kind=icon}
![Purple Yellow Orange Green Blurry Ellipses Element from Backgrounds - Gradients [Free] Set](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/blurry-ellipses/purple-yellow-orange-green-blurry-ellipses-9160d.png?_a=DATAg1fmZAA0){kind=icon}
![Magenta Blue Blurry Linear Element from Backgrounds - Gradients [Free] Set](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/blurry-linear/magenta-blue-blurry-linear-ad64b.png?_a=DATAg1fmZAA0){kind=icon}
![Orange Violet Blurry Linear Element from Backgrounds - Gradients [Free] Set](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/blurry-linear/orange-violet-blurry-linear-4ced8.png?_a=DATAg1fmZAA0){kind=icon}
![Pink Purple Blurry Linear Element from Backgrounds - Gradients [Free] Set](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/blurry-linear/pink-purple-blurry-linear-b16fd.png?_a=DATAg1fmZAA0){kind=icon}
![Pink Red Blurry Linear Element from Backgrounds - Gradients [Free] Set](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/blurry-linear/pink-red-blurry-linear-662ff.png?_a=DATAg1fmZAA0){kind=icon}
![Yellow Teal Blurry Linear Element from Backgrounds - Gradients [Free] Set](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/blurry-linear/yellow-teal-blurry-linear-0b19d.png?_a=DATAg1fmZAA0){kind=icon}
![Blue Brown Subtle Element from Backgrounds - Gradients [Free] Set](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/linear-subtle/blue-brown-subtle-d578a.png?_a=DATAg1fmZAA0){kind=icon}
![Blue Yellow Subtle Element from Backgrounds - Gradients [Free] Set](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/linear-subtle/blue-yellow-subtle-1cf28.png?_a=DATAg1fmZAA0){kind=icon}
![Cyan Blue Subtle Element from Backgrounds - Gradients [Free] Set](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/linear-subtle/cyan-blue-subtle-7921c.png?_a=DATAg1fmZAA0){kind=icon}
![Green Blue Subtle Element from Backgrounds - Gradients [Free] Set](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/linear-subtle/green-blue-subtle-e8fb4.png?_a=DATAg1fmZAA0){kind=icon}
![Green Brown Subtle Element from Backgrounds - Gradients [Free] Set](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/linear-subtle/green-brown-subtle-c91c9.png?_a=DATAg1fmZAA0){kind=icon}
![Blue Brown Vibrant Element from Backgrounds - Gradients [Free] Set](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/linear-vibrant/blue-brown-vibrant-59a6f.png?_a=DATAg1fmZAA0){kind=icon}
![Blue Yellow Vibrant Element from Backgrounds - Gradients [Free] Set](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/linear-vibrant/blue-yellow-vibrant-779cf.png?_a=DATAg1fmZAA0){kind=icon}
![Cream Red Vibrant Element from Backgrounds - Gradients [Free] Set](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/linear-vibrant/cream-red-vibrant-9124b.png?_a=DATAg1fmZAA0){kind=icon}
![Cyan Blue Vibrant Element from Backgrounds - Gradients [Free] Set](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/linear-vibrant/cyan-blue-vibrant-c41e4.png?_a=DATAg1fmZAA0){kind=icon}
![Green Blue Vibrant Element from Backgrounds - Gradients [Free] Set](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/linear-vibrant/green-blue-vibrant-629f9.png?_a=DATAg1fmZAA0){kind=icon}