🎨 Use this gradient for summer-themed designs.
💡 This gradient is named after the Sunkist orange, a popular citrus fruit known for its vibrant color.
/* Sunkist CSS Linear Gradient Background */
.gradient {
background: #F2994A;
background: linear-gradient(
to right,
#F2994A,#F2C94C
);
}
TailwindCSS Linear Gradient/* Sunkist TailwindCSS Linear Gradient */
<div class="bg-linear-to-r from-[#F2994A] to-[#F2C94C]"></div>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.
