Baby Blue Gradient

Baby Blue Gradient CSS3 Code

The Baby Blue gradient offers a vibrant color scheme palette with 4 shades. Incorporating the hex color #89cff0, this gradient showcases a visual transformation through shade variation, transitioning from #89CFF0 to #7AC0E1, #6BB1D2, and #98DEFF. Embrace the baby blue gradient to add a striking touch to your web designs, graphic arts, or creative projects. This color combination was created by hexcolor.co. The Hex, RGB, and CMYK codes are in the table below.

background: #89CFF0; background: linear-gradient(to bottom, #89CFF0 0%, #7AC0E1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89CFF0), color-stop(100%, #7AC0E1)); background: -webkit-linear-gradient(top, #89CFF0 0%, #7AC0E1 100%); background: -moz-linear-gradient(top, #89CFF0 0%, #7AC0E1 100%); background: -o-linear-gradient(top, #89CFF0 0%, #7AC0E1 100%); background: -ms-linear-gradient(top, #89CFF0 0%, #7AC0E1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89CFF0', endColorstr='#7AC0E1', GradientType=0); border: 1px solid #6BB1D2; box-shadow: inset 0 1px 0 #98DEFF; -webkit-box-shadow: inset 0 1px 0 #98DEFF; -moz-box-shadow: inset 0 1px 0 #98DEFF;

Baby Blue Gradient Color Palette

Color Hex RGB CMYK
#89CFF0 137, 207, 240 42%, 13%, 0%, 5%
#7AC0E1 122, 192, 225 45%, 14%, 0%, 11%
#6BB1D2 107, 177, 210 49%, 15%, 0%, 17%
#98DEFF 152, 222, 255 40%, 12%, 0%, 0%
Did you know our free color tools?
The Effect of Commercial Site Interface Colors on Conversion

Different shades have a huge impact on conversion rates of websites. Read to discover how. Do colors affect the performance of a website? Well, it’s quite complicated. To some degree, color affects a site’s performance. But not directly. Color psycho...

Creating a Branded Educational Identity: A Guide to HTML Color Palette Selection

The creation of a color palette for branding purposes in the field of education follows unique goals that usually go beyond classic marketing methods. The reason for that is the necessity to create a different kind of brand recognition where the use ...

Exploring the Role of Colors in Branding

Colors play an indispensable role in shaping a brand’s identity, influencing consumer perception and reaction toward a business. These elements provoke an array of emotions, guide decision-making processes, and communicate the ethos a brand emb...

E-commerce Homepage Examples & CRO Best Practices

Conversion rate optimization (CRO) is a critical aspect of e-commerce success. By optimizing your homepage, you can increase the chances that visitors will take the desired action, whether it be signing up for a newsletter, making a purchase, or down...

Adjusting Mac Screen Brightness: Tips for Better Viewing Experience

Mac computers are your trusted ally through all your digital adventures. However, staring at their glowing screens for hours can take a toll. It can strain your eyes and disrupt your sleep cycle. It is critical to adjust the screen brightness of your...