#00C0CE - #B6ECF1 | 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 #00C0CE to #B6ECF1

#00C0CE #B6ECF1

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

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

0.0%	0.0% #00C0CE	RGB 0 192 206	#00C0CE
16.7%	16.7% #1EC7D3	RGB 30 199 211	#1EC7D3
33.3%	33.3% #3CCED9	RGB 60 206 217	#3CCED9
50.0%	50.0% #5BD6DF	RGB 91 214 223	#5BD6DF
66.7%	66.7% #79DDE5	RGB 121 221 229	#79DDE5
83.3%	83.3% #97E4EB	RGB 151 228 235	#97E4EB
100.0%	100.0% #B6ECF1	RGB 182 236 241	#B6ECF1

#00C0CE #1EC7D3 #3CCED9 #5BD6DF #79DDE5 #97E4EB #B6ECF1

#00C0CE - #B6ECF1

HSV Blend

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

0.0%	0.0% #00C0CE	RGB 0 192 206	#00C0CE
16.7%	16.7% #1AC6D3	RGB 26 198 211	#1AC6D3
33.3%	33.3% #36CDD9	RGB 54 205 217	#36CDD9
50.0%	50.0% #54D4DF	RGB 84 212 223	#54D4DF
66.7%	66.7% #73DCE5	RGB 115 220 229	#73DCE5
83.3%	83.3% #93E4EB	RGB 147 228 235	#93E4EB
100.0%	100.0% #B6ECF1	RGB 182 236 241	#B6ECF1

#00C0CE #1AC6D3 #36CDD9 #54D4DF #73DCE5 #93E4EB #B6ECF1

#00C0CE - #54D4DF - #B6ECF1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00C0CE 0%, #54D4DF 50%, #B6ECF1 100%);
    background: -webkit-linear-gradient(top, #00C0CE 0%, #54D4DF 50%, #B6ECF1 100%);
    background: linear-gradient(to bottom, #00C0CE 0%, #54D4DF 50%, #B6ECF1 100%);
}
</style>