#00C0CE - #B6FFB6 | 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 #B6FFB6

#00C0CE #B6FFB6

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

0.0%	0.0% #00C0CE	RGB 0 192 206	#00C0CE
16.7%	16.7% #1ECACA	RGB 30 202 202	#1ECACA
33.3%	33.3% #3CD5C6	RGB 60 213 198	#3CD5C6
50.0%	50.0% #5BDFC2	RGB 91 223 194	#5BDFC2
66.7%	66.7% #79EABE	RGB 121 234 190	#79EABE
83.3%	83.3% #97F4BA	RGB 151 244 186	#97F4BA
100.0%	100.0% #B6FFB6	RGB 182 255 182	#B6FFB6

#00C0CE #1ECACA #3CD5C6 #5BDFC2 #79EABE #97F4BA #B6FFB6

#00C0CE - #B6FFB6

HSV Blend

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

0.0%	0.0% #00C0CE	RGB 0 192 206	#00C0CE
16.7%	16.7% #19D6C1	RGB 25 214 193	#19D6C1
33.3%	33.3% #34DEAD	RGB 52 222 173	#34DEAD
50.0%	50.0% #52E6A1	RGB 82 230 161	#52E6A1
66.7%	66.7% #71EE9E	RGB 113 238 158	#71EE9E
83.3%	83.3% #92F6A4	RGB 146 246 164	#92F6A4
100.0%	100.0% #B6FFB6	RGB 182 255 182	#B6FFB6

#00C0CE #19D6C1 #34DEAD #52E6A1 #71EE9E #92F6A4 #B6FFB6

#00C0CE - #52E6A1 - #B6FFB6

CSS codes

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

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