#008ADB - #B6DDF4 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #008ADB to #B6DDF4

#008ADB #B6DDF4

Calculate the color between two colors, #008ADB and #B6DDF4. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#008ADB - #B6DDF4 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #008ADB as 0% and #B6DDF4 as 100%.

0.0%	0.0% #008ADB	RGB 0 138 219	#008ADB
16.7%	16.7% #1E97DF	RGB 30 151 223	#1E97DF
33.3%	33.3% #3CA5E3	RGB 60 165 227	#3CA5E3
50.0%	50.0% #5BB3E7	RGB 91 179 231	#5BB3E7
66.7%	66.7% #79C1EB	RGB 121 193 235	#79C1EB
83.3%	83.3% #97CFEF	RGB 151 207 239	#97CFEF
100.0%	100.0% #B6DDF4	RGB 182 221 244	#B6DDF4

#008ADB #1E97DF #3CA5E3 #5BB3E7 #79C1EB #97CFEF #B6DDF4

#008ADB - #B6DDF4

HSV Blend

#008ADB - #B6DDF4 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #008ADB as 0% and #B6DDF4 as 100%.

0.0%	0.0% #008ADB	RGB 0 138 219	#008ADB
16.7%	16.7% #1B96DF	RGB 27 150 223	#1B96DF
33.3%	33.3% #38A4E3	RGB 56 164 227	#38A4E3
50.0%	50.0% #56B1E7	RGB 86 177 231	#56B1E7
66.7%	66.7% #75BFEB	RGB 117 191 235	#75BFEB
83.3%	83.3% #95CEEF	RGB 149 206 239	#95CEEF
100.0%	100.0% #B6DDF4	RGB 182 221 244	#B6DDF4

#008ADB #1B96DF #38A4E3 #56B1E7 #75BFEB #95CEEF #B6DDF4

#008ADB - #56B1E7 - #B6DDF4

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #008ADB 0%, #B6DDF4 100%);
    background: -webkit-linear-gradient(top, #008ADB 0%, #B6DDF4 100%);
    background: linear-gradient(to bottom, #008ADB 0%, #B6DDF4 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008ADB 0%, #56B1E7 50%, #B6DDF4 100%);
    background: -webkit-linear-gradient(top, #008ADB 0%, #56B1E7 50%, #B6DDF4 100%);
    background: linear-gradient(to bottom, #008ADB 0%, #56B1E7 50%, #B6DDF4 100%);
}
</style>