---
title: "Blue Yellow Vibrant Element | Free Download PNG & SVG | Gradient Backgrounds - Free"
product: "Streamline Icons, Illustrations and Elements"
url: /elements/download/blue-yellow-vibrant--32436
canonical_url: "https://www.streamlinehq.com/elements/download/blue-yellow-vibrant--32436"
summary: "Colorful element of a smooth blue-to-yellow gradient background. Used for banners, presentations, and web designs."
---

# Blue Yellow Vibrant element

The Blue Yellow Vibrant element shows a smooth gradient transitioning from vivid blue on the left to warm yellow on the right. Drawn in the colorful, softly blended style of the Gradient Backgrounds - Free family so it adds vibrant depth without visual clutter. Use it for website headers, social media graphics, presentations, banners, and promotional designs. It belongs to Gradient Backgrounds - Free set.

## Preview

![Colorful element of a smooth blue-to-yellow gradient background. Used for banners, presentations, and web designs.](https://assets.streamlinehq.com/image/private/w_512,h_512,ar_1/f_auto/v1/icons/linear-vibrant/blue-yellow-vibrant-779cf.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Blue Yellow Vibrant
- **Type**: Element
- **Set**: [Gradient Backgrounds - Free](/elements/background-gradients.md) — [Free] Background designs with smooth gradient fills.
- **Family**: [Textures & Backgrounds](/elements/textures-backgrounds.md)
- **Category**: Linear Gradients › Linear Vibrant
- **Default size**: 250px
- **Pricing**: Free
- **License**: [Free](https://home.streamlinehq.com/license-free)
- **Author**: [Streamline](https://home.streamlinehq.com/)
- **Formats**: PNG, WEBP, PDF, SVG, JSX
- **Tags**: background, gradient, linear, blue, yellow, vibrant

## Download

- [Download Blue Yellow Vibrant on Streamline](https://www.streamlinehq.com/elements/download/blue-yellow-vibrant--32436)

---

[View full sitemap](/sitemap.md)