Blue Raspberry

Blue Raspberry: A vibrant blend of Cerulean #00B4DB and Deep Cerulean #0083B0.

🎨 Use this gradient for a refreshing, aquatic theme.

💡 Cerulean was first used as a color name in the 1590s, inspired by the Latin word 'caeruleus'.

Cerulean
#00B4DB
Deep Cerulean
#0083B0

CSS Linear Gradient Code

/* Blue Raspberry CSS Linear Gradient Background */
.gradient {
  background: #00B4DB;
  background: linear-gradient(
    to right,
    #00B4DB,#0083B0
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Blue Raspberry TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#00B4DB] to-[#0083B0]"></div>

Blue Raspberry - 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 Blue Raspberry color palette gradient background 👍
November 23, 2024 at 9:27 AM

CSS Linear Gradient Button

Home
Why Blue Raspberry?

Linear Gradient Border

Blue Raspberry
Share

CSS Font Gradient

The Best Blue Raspberry Tailwind CSS Landing Pages

Shade of Blue Raspberry

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