#00C2B2 - #C4FFB0 | 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 #00C2B2 to #C4FFB0

#00C2B2 #C4FFB0

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

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

0.0%	0.0% #00C2B2	RGB 0 194 178	#00C2B2
16.7%	16.7% #20CCB1	RGB 32 204 177	#20CCB1
33.3%	33.3% #41D6B1	RGB 65 214 177	#41D6B1
50.0%	50.0% #62E0B1	RGB 98 224 177	#62E0B1
66.7%	66.7% #82EAB0	RGB 130 234 176	#82EAB0
83.3%	83.3% #A3F4B0	RGB 163 244 176	#A3F4B0
100.0%	100.0% #C4FFB0	RGB 196 255 176	#C4FFB0

#00C2B2 #20CCB1 #41D6B1 #62E0B1 #82EAB0 #A3F4B0 #C4FFB0

#00C2B2 - #C4FFB0

HSV Blend

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

0.0%	0.0% #00C2B1	RGB 0 194 177	#00C2B1
16.7%	16.7% #17CC9A	RGB 23 204 154	#17CC9A
33.3%	33.3% #31D688	RGB 49 214 136	#31D688
50.0%	50.0% #4DE07E	RGB 77 224 126	#4DE07E
66.7%	66.7% #6BEA7D	RGB 107 234 125	#6BEA7D
83.3%	83.3% #92F48C	RGB 146 244 140	#92F48C
100.0%	100.0% #C4FFB0	RGB 196 255 176	#C4FFB0

#00C2B1 #17CC9A #31D688 #4DE07E #6BEA7D #92F48C #C4FFB0

#00C2B2 - #4DE07E - #C4FFB0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00C2B1 0%, #4DE07E 50%, #C4FFB0 100%);
    background: -webkit-linear-gradient(top, #00C2B1 0%, #4DE07E 50%, #C4FFB0 100%);
    background: linear-gradient(to bottom, #00C2B1 0%, #4DE07E 50%, #C4FFB0 100%);
}
</style>