🎨 Great for a calming, aquatic-themed design.
💡 This gradient mimics the colors of a tranquil ocean, from deep to shallow waters.
/* Azur Lane CSS Linear Gradient Background */
.gradient {
background: #7F7FD5;
background: linear-gradient(
to right,
#7F7FD5,#86A8E7,#91EAE4
);
}
TailwindCSS Linear Gradient/* Azur Lane TailwindCSS Linear Gradient */
<div class="bg-linear-to-r from-[#7F7FD5] via-[#86A8E7] to-[#91EAE4]"></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.
