#00CDA6 - #B6F0E5 | 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 #00CDA6 to #B6F0E5

#00CDA6 #B6F0E5

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

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

0.0%	0.0% #00CDA6	RGB 0 205 166	#00CDA6
16.7%	16.7% #1ED2B0	RGB 30 210 176	#1ED2B0
33.3%	33.3% #3CD8BB	RGB 60 216 187	#3CD8BB
50.0%	50.0% #5BDEC5	RGB 91 222 197	#5BDEC5
66.7%	66.7% #79E4D0	RGB 121 228 208	#79E4D0
83.3%	83.3% #97EADA	RGB 151 234 218	#97EADA
100.0%	100.0% #B6F0E5	RGB 182 240 229	#B6F0E5

#00CDA6 #1ED2B0 #3CD8BB #5BDEC5 #79E4D0 #97EADA #B6F0E5

#00CDA6 - #B6F0E5

HSV Blend

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

0.0%	0.0% #00CDA6	RGB 0 205 166	#00CDA6
16.7%	16.7% #1AD2AF	RGB 26 210 175	#1AD2AF
33.3%	33.3% #36D8B9	RGB 54 216 185	#36D8B9
50.0%	50.0% #54DEC4	RGB 84 222 196	#54DEC4
66.7%	66.7% #73E4CE	RGB 115 228 206	#73E4CE
83.3%	83.3% #93EAD9	RGB 147 234 217	#93EAD9
100.0%	100.0% #B6F0E5	RGB 182 240 229	#B6F0E5

#00CDA6 #1AD2AF #36D8B9 #54DEC4 #73E4CE #93EAD9 #B6F0E5

#00CDA6 - #54DEC4 - #B6F0E5

CSS codes

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

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