#00C0E6 - #B6EDF7 | 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 #00C0E6 to #B6EDF7

#00C0E6 #B6EDF7

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

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

0.0%	0.0% #00C0E6	RGB 0 192 230	#00C0E6
16.7%	16.7% #1EC7E8	RGB 30 199 232	#1EC7E8
33.3%	33.3% #3CCFEB	RGB 60 207 235	#3CCFEB
50.0%	50.0% #5BD6EE	RGB 91 214 238	#5BD6EE
66.7%	66.7% #79DEF1	RGB 121 222 241	#79DEF1
83.3%	83.3% #97E5F4	RGB 151 229 244	#97E5F4
100.0%	100.0% #B6EDF7	RGB 182 237 247	#B6EDF7

#00C0E6 #1EC7E8 #3CCFEB #5BD6EE #79DEF1 #97E5F4 #B6EDF7

#00C0E6 - #B6EDF7

HSV Blend

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

0.0%	0.0% #00C0E6	RGB 0 192 230	#00C0E6
16.7%	16.7% #1CC7E8	RGB 28 199 232	#1CC7E8
33.3%	33.3% #39CEEB	RGB 57 206 235	#39CEEB
50.0%	50.0% #57D6EE	RGB 87 214 238	#57D6EE
66.7%	66.7% #76DDF1	RGB 118 221 241	#76DDF1
83.3%	83.3% #95E5F4	RGB 149 229 244	#95E5F4
100.0%	100.0% #B6EDF7	RGB 182 237 247	#B6EDF7

#00C0E6 #1CC7E8 #39CEEB #57D6EE #76DDF1 #95E5F4 #B6EDF7

#00C0E6 - #57D6EE - #B6EDF7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00C0E6 0%, #57D6EE 50%, #B6EDF7 100%);
    background: -webkit-linear-gradient(top, #00C0E6 0%, #57D6EE 50%, #B6EDF7 100%);
    background: linear-gradient(to bottom, #00C0E6 0%, #57D6EE 50%, #B6EDF7 100%);
}
</style>