#AAACA2 - #68744B | 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 #AAACA2 to #68744B

#AAACA2 #68744B

Calculate the color between two colors, #AAACA2 and #68744B. 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)

#AAACA2 - #68744B | 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 #AAACA2 as 0% and #68744B as 100%.

0.0%	0.0% #AAACA2	RGB 170 172 162	#AAACA2
16.7%	16.7% #9FA293	RGB 159 162 147	#9FA293
33.3%	33.3% #949985	RGB 148 153 133	#949985
50.0%	50.0% #899076	RGB 137 144 118	#899076
66.7%	66.7% #7E8668	RGB 126 134 104	#7E8668
83.3%	83.3% #737D59	RGB 115 125 89	#737D59
100.0%	100.0% #68744B	RGB 104 116 75	#68744B

#AAACA2 #9FA293 #949985 #899076 #7E8668 #737D59 #68744B

#AAACA2 - #68744B

HSV Blend

#AAACA2 - #68744B | 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 #AAACA2 as 0% and #68744B as 100%.

0.0%	0.0% #AAACA2	RGB 170 172 162	#AAACA2
16.7%	16.7% #9EA291	RGB 158 162 145	#9EA291
33.3%	33.3% #939981	RGB 147 153 129	#939981
50.0%	50.0% #889072	RGB 136 144 114	#889072
66.7%	66.7% #7D8664	RGB 125 134 100	#7D8664
83.3%	83.3% #727D57	RGB 114 125 87	#727D57
100.0%	100.0% #68744B	RGB 104 116 75	#68744B

#AAACA2 #9EA291 #939981 #889072 #7D8664 #727D57 #68744B

#AAACA2 - #889072 - #68744B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAACA2 0%, #889072 50%, #68744B 100%);
    background: -webkit-linear-gradient(top, #AAACA2 0%, #889072 50%, #68744B 100%);
    background: linear-gradient(to bottom, #AAACA2 0%, #889072 50%, #68744B 100%);
}
</style>