A deep dive into the ocean with Sea Blue: San Juan #2b5876, East Bay #4e4376.
#2b5876
#4e4376
/* Sea Blue CSS Linear Gradient Background */
.gradient {
background: #2b5876;
background: linear-gradient(
to right,
#2b5876,#4e4376
);
}
/* Sea Blue TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#2b5876] to-[#4e4376]"></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.
@marthatalks