#008FDA - #B6DEF4 | 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 #008FDA to #B6DEF4

#008FDA #B6DEF4

Calculate the color between two colors, #008FDA and #B6DEF4. 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)

#008FDA - #B6DEF4 | 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 #008FDA as 0% and #B6DEF4 as 100%.

0.0%	0.0% #008FDA	RGB 0 143 218	#008FDA
16.7%	16.7% #1E9CDE	RGB 30 156 222	#1E9CDE
33.3%	33.3% #3CA9E2	RGB 60 169 226	#3CA9E2
50.0%	50.0% #5BB6E7	RGB 91 182 231	#5BB6E7
66.7%	66.7% #79C3EB	RGB 121 195 235	#79C3EB
83.3%	83.3% #97D0EF	RGB 151 208 239	#97D0EF
100.0%	100.0% #B6DEF4	RGB 182 222 244	#B6DEF4

#008FDA #1E9CDE #3CA9E2 #5BB6E7 #79C3EB #97D0EF #B6DEF4

#008FDA - #B6DEF4

HSV Blend

#008FDA - #B6DEF4 | 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 #008FDA as 0% and #B6DEF4 as 100%.

0.0%	0.0% #008FDA	RGB 0 143 218	#008FDA
16.7%	16.7% #1B9BDE	RGB 27 155 222	#1B9BDE
33.3%	33.3% #38A7E2	RGB 56 167 226	#38A7E2
50.0%	50.0% #56B4E7	RGB 86 180 231	#56B4E7
66.7%	66.7% #75C1EB	RGB 117 193 235	#75C1EB
83.3%	83.3% #94CFEF	RGB 148 207 239	#94CFEF
100.0%	100.0% #B6DEF4	RGB 182 222 244	#B6DEF4

#008FDA #1B9BDE #38A7E2 #56B4E7 #75C1EB #94CFEF #B6DEF4

#008FDA - #56B4E7 - #B6DEF4

CSS codes

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

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