#00C7DB - #B6EFF4 | 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 #00C7DB to #B6EFF4

#00C7DB #B6EFF4

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

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

0.0%	0.0% #00C7DB	RGB 0 199 219	#00C7DB
16.7%	16.7% #1ECDDF	RGB 30 205 223	#1ECDDF
33.3%	33.3% #3CD4E3	RGB 60 212 227	#3CD4E3
50.0%	50.0% #5BDBE7	RGB 91 219 231	#5BDBE7
66.7%	66.7% #79E1EB	RGB 121 225 235	#79E1EB
83.3%	83.3% #97E8EF	RGB 151 232 239	#97E8EF
100.0%	100.0% #B6EFF4	RGB 182 239 244	#B6EFF4

#00C7DB #1ECDDF #3CD4E3 #5BDBE7 #79E1EB #97E8EF #B6EFF4

#00C7DB - #B6EFF4

HSV Blend

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

0.0%	0.0% #00C7DB	RGB 0 199 219	#00C7DB
16.7%	16.7% #1BCDDF	RGB 27 205 223	#1BCDDF
33.3%	33.3% #38D4E3	RGB 56 212 227	#38D4E3
50.0%	50.0% #56DBE7	RGB 86 219 231	#56DBE7
66.7%	66.7% #75E1EB	RGB 117 225 235	#75E1EB
83.3%	83.3% #95E8EF	RGB 149 232 239	#95E8EF
100.0%	100.0% #B6EFF4	RGB 182 239 244	#B6EFF4

#00C7DB #1BCDDF #38D4E3 #56DBE7 #75E1EB #95E8EF #B6EFF4

#00C7DB - #56DBE7 - #B6EFF4

CSS codes

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

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