#00C2B6 - #C0FFB2 | 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 #00C2B6 to #C0FFB2

#00C2B6 #C0FFB2

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

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

0.0%	0.0% #00C2B6	RGB 0 194 182	#00C2B6
16.7%	16.7% #20CCB5	RGB 32 204 181	#20CCB5
33.3%	33.3% #40D6B4	RGB 64 214 180	#40D6B4
50.0%	50.0% #60E0B4	RGB 96 224 180	#60E0B4
66.7%	66.7% #80EAB3	RGB 128 234 179	#80EAB3
83.3%	83.3% #A0F4B2	RGB 160 244 178	#A0F4B2
100.0%	100.0% #C0FFB2	RGB 192 255 178	#C0FFB2

#00C2B6 #20CCB5 #40D6B4 #60E0B4 #80EAB3 #A0F4B2 #C0FFB2

#00C2B6 - #C0FFB2

HSV Blend

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

0.0%	0.0% #00C2B6	RGB 0 194 182	#00C2B6
16.7%	16.7% #17CC9F	RGB 23 204 159	#17CC9F
33.3%	33.3% #31D68E	RGB 49 214 142	#31D68E
50.0%	50.0% #4EE085	RGB 78 224 133	#4EE085
66.7%	66.7% #6DEA85	RGB 109 234 133	#6DEA85
83.3%	83.3% #8EF48E	RGB 142 244 142	#8EF48E
100.0%	100.0% #C0FFB2	RGB 192 255 178	#C0FFB2

#00C2B6 #17CC9F #31D68E #4EE085 #6DEA85 #8EF48E #C0FFB2

#00C2B6 - #4EE085 - #C0FFB2

CSS codes

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

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