Launching soon on Product Hunt! - Get Notified

Fruit Blend

Fruit Blend: Candlelight #f9d423, Sunset Orange #ff4e50

๐ŸŽจ Mix these vibrant colors to create a warm and inviting atmosphere.

๐Ÿ’ก Did you know that the combination of yellow and orange is often associated with happiness and energy?

CSS Linear Gradient Code

/* Fruit Blend CSS Linear Gradient Background */
.gradient {
  background: #f9d423;
  background: linear-gradient(
    to right,
    #f9d423,#ff4e50
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Fruit Blend TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#f9d423] to-[#ff4e50]"></div>

Fruit Blend - UI Design Examples

You can use this gradient in your UI design in many ways, for example as a background in a tweet, for buttons or as a text gradient.

Tweet Background Generator

Ilias Ism
Ilias Ism
@illyism
I love this Fruit Blend color palette gradient background ๐Ÿ‘
July 17, 2024 at 8:50 PM

CSS Linear Gradient Button

Home
Why Fruit Blend?

Linear Gradient Border

Fruit Blend
Share

CSS Font Gradient

The Best Fruit Blend Tailwind CSS Landing Pages

Shade of Fruit Blend

We hope you enjoyed Fruit Blend. Keep reading for more amazing colorful content for developers, designers and creators!
View our entire collection of UI gradientsView all our color names