#4AB2AB - #C5E2A9 | 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 #4AB2AB to #C5E2A9

#4AB2AB #C5E2A9

Calculate the color between two colors, #4AB2AB and #C5E2A9. 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)

#4AB2AB - #C5E2A9 | 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 #4AB2AB as 0% and #C5E2A9 as 100%.

0.0%	0.0% #4AB2AB	RGB 74 178 171	#4AB2AB
16.7%	16.7% #5EBAAA	RGB 94 186 170	#5EBAAA
33.3%	33.3% #73C2AA	RGB 115 194 170	#73C2AA
50.0%	50.0% #87CAAA	RGB 135 202 170	#87CAAA
66.7%	66.7% #9CD2A9	RGB 156 210 169	#9CD2A9
83.3%	83.3% #B0DAA9	RGB 176 218 169	#B0DAA9
100.0%	100.0% #C5E2A9	RGB 197 226 169	#C5E2A9

#4AB2AB #5EBAAA #73C2AA #87CAAA #9CD2A9 #B0DAA9 #C5E2A9

#4AB2AB - #C5E2A9

HSV Blend

#4AB2AB - #C5E2A9 | 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 #4AB2AB as 0% and #C5E2A9 as 100%.

0.0%	0.0% #4AB2AB	RGB 74 178 171	#4AB2AB
16.7%	16.7% #57BA9C	RGB 87 186 156	#57BA9C
33.3%	33.3% #66C290	RGB 102 194 144	#66C290
50.0%	50.0% #75CA88	RGB 117 202 136	#75CA88
66.7%	66.7% #87D285	RGB 135 210 133	#87D285
83.3%	83.3% #A7DA96	RGB 167 218 150	#A7DA96
100.0%	100.0% #C5E2A9	RGB 197 226 169	#C5E2A9

#4AB2AB #57BA9C #66C290 #75CA88 #87D285 #A7DA96 #C5E2A9

#4AB2AB - #75CA88 - #C5E2A9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4AB2AB 0%, #75CA88 50%, #C5E2A9 100%);
    background: -webkit-linear-gradient(top, #4AB2AB 0%, #75CA88 50%, #C5E2A9 100%);
    background: linear-gradient(to bottom, #4AB2AB 0%, #75CA88 50%, #C5E2A9 100%);
}
</style>