#00A8D5 - #B6E6F3 | 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 #00A8D5 to #B6E6F3

#00A8D5 #B6E6F3

Calculate the color between two colors, #00A8D5 and #B6E6F3. 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)

#00A8D5 - #B6E6F3 | 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 #00A8D5 as 0% and #B6E6F3 as 100%.

0.0%	0.0% #00A8D5	RGB 0 168 213	#00A8D5
16.7%	16.7% #1EB2DA	RGB 30 178 218	#1EB2DA
33.3%	33.3% #3CBCDF	RGB 60 188 223	#3CBCDF
50.0%	50.0% #5BC7E4	RGB 91 199 228	#5BC7E4
66.7%	66.7% #79D1E9	RGB 121 209 233	#79D1E9
83.3%	83.3% #97DBEE	RGB 151 219 238	#97DBEE
100.0%	100.0% #B6E6F3	RGB 182 230 243	#B6E6F3

#00A8D5 #1EB2DA #3CBCDF #5BC7E4 #79D1E9 #97DBEE #B6E6F3

#00A8D5 - #B6E6F3

HSV Blend

#00A8D5 - #B6E6F3 | 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 #00A8D5 as 0% and #B6E6F3 as 100%.

0.0%	0.0% #00A8D5	RGB 0 168 213	#00A8D5
16.7%	16.7% #1BB1DA	RGB 27 177 218	#1BB1DA
33.3%	33.3% #37BBDF	RGB 55 187 223	#37BBDF
50.0%	50.0% #55C5E4	RGB 85 197 228	#55C5E4
66.7%	66.7% #74D0E9	RGB 116 208 233	#74D0E9
83.3%	83.3% #94DAEE	RGB 148 218 238	#94DAEE
100.0%	100.0% #B6E6F3	RGB 182 230 243	#B6E6F3

#00A8D5 #1BB1DA #37BBDF #55C5E4 #74D0E9 #94DAEE #B6E6F3

#00A8D5 - #55C5E4 - #B6E6F3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A8D5 0%, #55C5E4 50%, #B6E6F3 100%);
    background: -webkit-linear-gradient(top, #00A8D5 0%, #55C5E4 50%, #B6E6F3 100%);
    background: linear-gradient(to bottom, #00A8D5 0%, #55C5E4 50%, #B6E6F3 100%);
}
</style>