#2AB58B - #CCECAF | 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 #2AB58B to #CCECAF

#2AB58B #CCECAF

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

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

0.0%	0.0% #2AB58B	RGB 42 181 139	#2AB58B
16.7%	16.7% #45BE91	RGB 69 190 145	#45BE91
33.3%	33.3% #60C797	RGB 96 199 151	#60C797
50.0%	50.0% #7BD09D	RGB 123 208 157	#7BD09D
66.7%	66.7% #96D9A3	RGB 150 217 163	#96D9A3
83.3%	83.3% #B1E2A9	RGB 177 226 169	#B1E2A9
100.0%	100.0% #CCECAF	RGB 204 236 175	#CCECAF

#2AB58B #45BE91 #60C797 #7BD09D #96D9A3 #B1E2A9 #CCECAF

#2AB58B - #CCECAF

HSV Blend

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

0.0%	0.0% #2AB58B	RGB 42 181 139	#2AB58B
16.7%	16.7% #3CBE7D	RGB 60 190 125	#3CBE7D
33.3%	33.3% #50C774	RGB 80 199 116	#50C774
50.0%	50.0% #65D071	RGB 101 208 113	#65D071
66.7%	66.7% #84D97C	RGB 132 217 124	#84D97C
83.3%	83.3% #AAE294	RGB 170 226 148	#AAE294
100.0%	100.0% #CCECAF	RGB 204 236 175	#CCECAF

#2AB58B #3CBE7D #50C774 #65D071 #84D97C #AAE294 #CCECAF

#2AB58B - #65D071 - #CCECAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2AB58B 0%, #65D071 50%, #CCECAF 100%);
    background: -webkit-linear-gradient(top, #2AB58B 0%, #65D071 50%, #CCECAF 100%);
    background: linear-gradient(to bottom, #2AB58B 0%, #65D071 50%, #CCECAF 100%);
}
</style>