#AFC5A8 - #4D8856 | 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 #AFC5A8 to #4D8856

#AFC5A8 #4D8856

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

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

0.0%	0.0% #AFC5A8	RGB 175 197 168	#AFC5A8
16.7%	16.7% #9EBA9A	RGB 158 186 154	#9EBA9A
33.3%	33.3% #8EB08C	RGB 142 176 140	#8EB08C
50.0%	50.0% #7EA67F	RGB 126 166 127	#7EA67F
66.7%	66.7% #6D9C71	RGB 109 156 113	#6D9C71
83.3%	83.3% #5D9263	RGB 93 146 99	#5D9263
100.0%	100.0% #4D8856	RGB 77 136 86	#4D8856

#AFC5A8 #9EBA9A #8EB08C #7EA67F #6D9C71 #5D9263 #4D8856

#AFC5A8 - #4D8856

HSV Blend

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

0.0%	0.0% #AFC5A8	RGB 175 197 168	#AFC5A8
16.7%	16.7% #9CBA96	RGB 156 186 150	#9CBA96
33.3%	33.3% #8AB085	RGB 138 176 133	#8AB085
50.0%	50.0% #78A676	RGB 120 166 118	#78A676
66.7%	66.7% #679C68	RGB 103 156 104	#679C68
83.3%	83.3% #59925E	RGB 89 146 94	#59925E
100.0%	100.0% #4D8856	RGB 77 136 86	#4D8856

#AFC5A8 #9CBA96 #8AB085 #78A676 #679C68 #59925E #4D8856

#AFC5A8 - #78A676 - #4D8856

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFC5A8 0%, #78A676 50%, #4D8856 100%);
    background: -webkit-linear-gradient(top, #AFC5A8 0%, #78A676 50%, #4D8856 100%);
    background: linear-gradient(to bottom, #AFC5A8 0%, #78A676 50%, #4D8856 100%);
}
</style>