#00C0CE - #77ECD8 | 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 #77ECD8

#00C0CE #77ECD8

Calculate the color between two colors, #00C0CE and #77ECD8. 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 - #77ECD8 | 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 #77ECD8 as 100%.

0.0%	0.0% #00C0CE	RGB 0 192 206	#00C0CE
16.7%	16.7% #13C7CF	RGB 19 199 207	#13C7CF
33.3%	33.3% #27CED1	RGB 39 206 209	#27CED1
50.0%	50.0% #3BD6D3	RGB 59 214 211	#3BD6D3
66.7%	66.7% #4FDDD4	RGB 79 221 212	#4FDDD4
83.3%	83.3% #63E4D6	RGB 99 228 214	#63E4D6
100.0%	100.0% #77ECD8	RGB 119 236 216	#77ECD8

#00C0CE #13C7CF #27CED1 #3BD6D3 #4FDDD4 #63E4D6 #77ECD8

#00C0CE - #77ECD8

HSV Blend

#00C0CE - #77ECD8 | 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 #77ECD8 as 100%.

0.0%	0.0% #00C0CE	RGB 0 192 206	#00C0CE
16.7%	16.7% #11CDD3	RGB 17 205 211	#11CDD3
33.3%	33.3% #24D8D5	RGB 36 216 213	#24D8D5
50.0%	50.0% #37DDD4	RGB 55 221 212	#37DDD4
66.7%	66.7% #4BE2D4	RGB 75 226 212	#4BE2D4
83.3%	83.3% #61E7D5	RGB 97 231 213	#61E7D5
100.0%	100.0% #77ECD8	RGB 119 236 216	#77ECD8

#00C0CE #11CDD3 #24D8D5 #37DDD4 #4BE2D4 #61E7D5 #77ECD8

#00C0CE - #37DDD4 - #77ECD8

CSS codes

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

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