🎨 Use this gradient to create a calming and refreshing atmosphere in your designs.
💡 The colors in this gradient are inspired by the soothing shades of a peaceful meadow.
/* Soft Grass CSS Linear Gradient Background */
.gradient {
background: #c1dfc4;
background: linear-gradient(
to right,
#c1dfc4,#deecdd
);
}
TailwindCSS Linear Gradient/* Soft Grass TailwindCSS Linear Gradient */
<div class="bg-linear-to-r from-[#c1dfc4] to-[#deecdd]"></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.
