#00C5C5 - #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 #00C5C5 to #B6FFB6

#00C5C5 #B6FFB6

Calculate the color between two colors, #00C5C5 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)

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

0.0%	0.0% #00C5C5	RGB 0 197 197	#00C5C5
16.7%	16.7% #1ECEC2	RGB 30 206 194	#1ECEC2
33.3%	33.3% #3CD8C0	RGB 60 216 192	#3CD8C0
50.0%	50.0% #5BE2BD	RGB 91 226 189	#5BE2BD
66.7%	66.7% #79EBBB	RGB 121 235 187	#79EBBB
83.3%	83.3% #97F5B8	RGB 151 245 184	#97F5B8
100.0%	100.0% #B6FFB6	RGB 182 255 182	#B6FFB6

#00C5C5 #1ECEC2 #3CD8C0 #5BE2BD #79EBBB #97F5B8 #B6FFB6

#00C5C5 - #B6FFB6

HSV Blend

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

0.0%	0.0% #00C5C5	RGB 0 197 197	#00C5C5
16.7%	16.7% #18CEB0	RGB 24 206 176	#18CEB0
33.3%	33.3% #33D8A1	RGB 51 216 161	#33D8A1
50.0%	50.0% #50E299	RGB 80 226 153	#50E299
66.7%	66.7% #70EB99	RGB 112 235 153	#70EB99
83.3%	83.3% #91F5A2	RGB 145 245 162	#91F5A2
100.0%	100.0% #B6FFB6	RGB 182 255 182	#B6FFB6

#00C5C5 #18CEB0 #33D8A1 #50E299 #70EB99 #91F5A2 #B6FFB6

#00C5C5 - #50E299 - #B6FFB6

CSS codes

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

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