#2FC9C2 - #CCF2B0 | 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 #2FC9C2 to #CCF2B0

#2FC9C2 #CCF2B0

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

#2FC9C2 - #CCF2B0 | 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 #2FC9C2 as 0% and #CCF2B0 as 100%.

0.0%	0.0% #2FC9C2	RGB 47 201 194	#2FC9C2
16.7%	16.7% #49CFBF	RGB 73 207 191	#49CFBF
33.3%	33.3% #63D6BC	RGB 99 214 188	#63D6BC
50.0%	50.0% #7DDDB9	RGB 125 221 185	#7DDDB9
66.7%	66.7% #97E4B6	RGB 151 228 182	#97E4B6
83.3%	83.3% #B1EBB3	RGB 177 235 179	#B1EBB3
100.0%	100.0% #CCF2B0	RGB 204 242 176	#CCF2B0

#2FC9C2 #49CFBF #63D6BC #7DDDB9 #97E4B6 #B1EBB3 #CCF2B0

#2FC9C2 - #CCF2B0

HSV Blend

#2FC9C2 - #CCF2B0 | 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 #2FC9C2 as 0% and #CCF2B0 as 100%.

0.0%	0.0% #2EC9C2	RGB 46 201 194	#2EC9C2
16.7%	16.7% #41CFA8	RGB 65 207 168	#41CFA8
33.3%	33.3% #55D695	RGB 85 214 149	#55D695
50.0%	50.0% #6ADD88	RGB 106 221 136	#6ADD88
66.7%	66.7% #80E484	RGB 128 228 132	#80E484
83.3%	83.3% #A7EB97	RGB 167 235 151	#A7EB97
100.0%	100.0% #CCF2B0	RGB 204 242 176	#CCF2B0

#2EC9C2 #41CFA8 #55D695 #6ADD88 #80E484 #A7EB97 #CCF2B0

#2FC9C2 - #6ADD88 - #CCF2B0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2EC9C2 0%, #6ADD88 50%, #CCF2B0 100%);
    background: -webkit-linear-gradient(top, #2EC9C2 0%, #6ADD88 50%, #CCF2B0 100%);
    background: linear-gradient(to bottom, #2EC9C2 0%, #6ADD88 50%, #CCF2B0 100%);
}
</style>