#2CDADA - #00B2B5 | 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 #2CDADA to #00B2B5

#2CDADA #00B2B5

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

#2CDADA - #00B2B5 | 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 #2CDADA as 0% and #00B2B5 as 100%.

0.0%	0.0% #2CDADA	RGB 44 218 218	#2CDADA
16.7%	16.7% #24D3D3	RGB 36 211 211	#24D3D3
33.3%	33.3% #1DCCCD	RGB 29 204 205	#1DCCCD
50.0%	50.0% #16C6C7	RGB 22 198 199	#16C6C7
66.7%	66.7% #0EBFC1	RGB 14 191 193	#0EBFC1
83.3%	83.3% #07B8BB	RGB 7 184 187	#07B8BB
100.0%	100.0% #00B2B5	RGB 0 178 181	#00B2B5

#2CDADA #24D3D3 #1DCCCD #16C6C7 #0EBFC1 #07B8BB #00B2B5

#2CDADA - #00B2B5

HSV Blend

#2CDADA - #00B2B5 | 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 #2CDADA as 0% and #00B2B5 as 100%.

0.0%	0.0% #2CDADA	RGB 44 218 218	#2CDADA
16.7%	16.7% #23D3D3	RGB 35 211 211	#23D3D3
33.3%	33.3% #1BCCCD	RGB 27 204 205	#1BCCCD
50.0%	50.0% #14C6C7	RGB 20 198 199	#14C6C7
66.7%	66.7% #0DBFC1	RGB 13 191 193	#0DBFC1
83.3%	83.3% #06B8BB	RGB 6 184 187	#06B8BB
100.0%	100.0% #00B2B5	RGB 0 178 181	#00B2B5

#2CDADA #23D3D3 #1BCCCD #14C6C7 #0DBFC1 #06B8BB #00B2B5

#2CDADA - #14C6C7 - #00B2B5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2CDADA 0%, #14C6C7 50%, #00B2B5 100%);
    background: -webkit-linear-gradient(top, #2CDADA 0%, #14C6C7 50%, #00B2B5 100%);
    background: linear-gradient(to bottom, #2CDADA 0%, #14C6C7 50%, #00B2B5 100%);
}
</style>