Slight Ocean View

A serene blend of Melrose & Daisy Bush, evoking a tranquil ocean view at dusk.

🎨 Use this gradient for a calming, deep-sea vibe.

💡 This gradient is inspired by the colors of the ocean at different depths.

Melrose
#A8C0FF
Daisy Bush
#3F2B96

CSS Linear Gradient Code

/* Slight Ocean View CSS Linear Gradient Background */
.gradient {
  background: #a8c0ff;
  background: linear-gradient(
    to right,
    #a8c0ff,#3f2b96
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Slight Ocean View TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#a8c0ff] to-[#3f2b96]"></div>

Slight Ocean View - 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 Slight Ocean View color palette gradient background 👍
October 30, 2024 at 12:50 PM

CSS Linear Gradient Button

Home
Why Slight Ocean View?

Linear Gradient Border

Slight Ocean View
Share

CSS Font Gradient

The Best Slight Ocean View Tailwind CSS Landing Pages

Shade of Slight Ocean View

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