#00C8C2 - #B6EFED | 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 #00C8C2 to #B6EFED

#00C8C2 #B6EFED

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

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

0.0%	0.0% #00C8C2	RGB 0 200 194	#00C8C2
16.7%	16.7% #1ECEC9	RGB 30 206 201	#1ECEC9
33.3%	33.3% #3CD5D0	RGB 60 213 208	#3CD5D0
50.0%	50.0% #5BDBD7	RGB 91 219 215	#5BDBD7
66.7%	66.7% #79E2DE	RGB 121 226 222	#79E2DE
83.3%	83.3% #97E8E5	RGB 151 232 229	#97E8E5
100.0%	100.0% #B6EFED	RGB 182 239 237	#B6EFED

#00C8C2 #1ECEC9 #3CD5D0 #5BDBD7 #79E2DE #97E8E5 #B6EFED

#00C8C2 - #B6EFED

HSV Blend

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

0.0%	0.0% #00C8C2	RGB 0 200 194	#00C8C2
16.7%	16.7% #1ACEC8	RGB 26 206 200	#1ACEC8
33.3%	33.3% #36D5CF	RGB 54 213 207	#36D5CF
50.0%	50.0% #53DBD7	RGB 83 219 215	#53DBD7
66.7%	66.7% #72E2DE	RGB 114 226 222	#72E2DE
83.3%	83.3% #93E8E5	RGB 147 232 229	#93E8E5
100.0%	100.0% #B6EFED	RGB 182 239 237	#B6EFED

#00C8C2 #1ACEC8 #36D5CF #53DBD7 #72E2DE #93E8E5 #B6EFED

#00C8C2 - #53DBD7 - #B6EFED

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00C8C2 0%, #53DBD7 50%, #B6EFED 100%);
    background: -webkit-linear-gradient(top, #00C8C2 0%, #53DBD7 50%, #B6EFED 100%);
    background: linear-gradient(to bottom, #00C8C2 0%, #53DBD7 50%, #B6EFED 100%);
}
</style>