Blue Bayoux and Blue Bayoux create a cool and calming color scheme that is reminiscent of the ocean.
#536976
#292e49
/* Royal Blue CSS Linear Gradient Background */
.gradient {
background: #536976;
background: linear-gradient(
to right,
#536976,#292E49
);
}
/* Royal Blue TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#536976] to-[#292E49]"></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