#00A8DB - #B6E6F4 | 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 #00A8DB to #B6E6F4

#00A8DB #B6E6F4

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

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

0.0%	0.0% #00A8DB	RGB 0 168 219	#00A8DB
16.7%	16.7% #1EB2DF	RGB 30 178 223	#1EB2DF
33.3%	33.3% #3CBCE3	RGB 60 188 227	#3CBCE3
50.0%	50.0% #5BC7E7	RGB 91 199 231	#5BC7E7
66.7%	66.7% #79D1EB	RGB 121 209 235	#79D1EB
83.3%	83.3% #97DBEF	RGB 151 219 239	#97DBEF
100.0%	100.0% #B6E6F4	RGB 182 230 244	#B6E6F4

#00A8DB #1EB2DF #3CBCE3 #5BC7E7 #79D1EB #97DBEF #B6E6F4

#00A8DB - #B6E6F4

HSV Blend

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

0.0%	0.0% #00A7DB	RGB 0 167 219	#00A7DB
16.7%	16.7% #1BB1DF	RGB 27 177 223	#1BB1DF
33.3%	33.3% #38BBE3	RGB 56 187 227	#38BBE3
50.0%	50.0% #56C6E7	RGB 86 198 231	#56C6E7
66.7%	66.7% #75D0EB	RGB 117 208 235	#75D0EB
83.3%	83.3% #95DBEF	RGB 149 219 239	#95DBEF
100.0%	100.0% #B6E6F4	RGB 182 230 244	#B6E6F4

#00A7DB #1BB1DF #38BBE3 #56C6E7 #75D0EB #95DBEF #B6E6F4

#00A8DB - #56C6E7 - #B6E6F4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A7DB 0%, #56C6E7 50%, #B6E6F4 100%);
    background: -webkit-linear-gradient(top, #00A7DB 0%, #56C6E7 50%, #B6E6F4 100%);
    background: linear-gradient(to bottom, #00A7DB 0%, #56C6E7 50%, #B6E6F4 100%);
}
</style>