#A8C2B2 - #4C7967 | 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 #A8C2B2 to #4C7967

#A8C2B2 #4C7967

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

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

0.0%	0.0% #A8C2B2	RGB 168 194 178	#A8C2B2
16.7%	16.7% #98B5A5	RGB 152 181 165	#98B5A5
33.3%	33.3% #89A999	RGB 137 169 153	#89A999
50.0%	50.0% #7A9D8C	RGB 122 157 140	#7A9D8C
66.7%	66.7% #6A9180	RGB 106 145 128	#6A9180
83.3%	83.3% #5B8573	RGB 91 133 115	#5B8573
100.0%	100.0% #4C7967	RGB 76 121 103	#4C7967

#A8C2B2 #98B5A5 #89A999 #7A9D8C #6A9180 #5B8573 #4C7967

#A8C2B2 - #4C7967

HSV Blend

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

0.0%	0.0% #A8C2B2	RGB 168 194 178	#A8C2B2
16.7%	16.7% #96B5A3	RGB 150 181 163	#96B5A3
33.3%	33.3% #85A995	RGB 133 169 149	#85A995
50.0%	50.0% #759D89	RGB 117 157 137	#759D89
66.7%	66.7% #66917D	RGB 102 145 125	#66917D
83.3%	83.3% #588571	RGB 88 133 113	#588571
100.0%	100.0% #4C7967	RGB 76 121 103	#4C7967

#A8C2B2 #96B5A3 #85A995 #759D89 #66917D #588571 #4C7967

#A8C2B2 - #759D89 - #4C7967

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C2B2 0%, #759D89 50%, #4C7967 100%);
    background: -webkit-linear-gradient(top, #A8C2B2 0%, #759D89 50%, #4C7967 100%);
    background: linear-gradient(to bottom, #A8C2B2 0%, #759D89 50%, #4C7967 100%);
}
</style>