#A2AF7E - #607B2E | 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 #A2AF7E to #607B2E

#A2AF7E #607B2E

Calculate the color between two colors, #A2AF7E and #607B2E. 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)

#A2AF7E - #607B2E | 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 #A2AF7E as 0% and #607B2E as 100%.

0.0%	0.0% #A2AF7E	RGB 162 175 126	#A2AF7E
16.7%	16.7% #97A670	RGB 151 166 112	#97A670
33.3%	33.3% #8C9D63	RGB 140 157 99	#8C9D63
50.0%	50.0% #819556	RGB 129 149 86	#819556
66.7%	66.7% #768C48	RGB 118 140 72	#768C48
83.3%	83.3% #6B833B	RGB 107 131 59	#6B833B
100.0%	100.0% #607B2E	RGB 96 123 46	#607B2E

#A2AF7E #97A670 #8C9D63 #819556 #768C48 #6B833B #607B2E

#A2AF7E - #607B2E

HSV Blend

#A2AF7E - #607B2E | 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 #A2AF7E as 0% and #607B2E as 100%.

0.0%	0.0% #A2AF7E	RGB 162 175 126	#A2AF7E
16.7%	16.7% #96A66E	RGB 150 166 110	#96A66E
33.3%	33.3% #8B9D5F	RGB 139 157 95	#8B9D5F
50.0%	50.0% #809551	RGB 128 149 81	#809551
66.7%	66.7% #758C44	RGB 117 140 68	#758C44
83.3%	83.3% #6A8338	RGB 106 131 56	#6A8338
100.0%	100.0% #607B2E	RGB 96 123 46	#607B2E

#A2AF7E #96A66E #8B9D5F #809551 #758C44 #6A8338 #607B2E

#A2AF7E - #809551 - #607B2E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2AF7E 0%, #809551 50%, #607B2E 100%);
    background: -webkit-linear-gradient(top, #A2AF7E 0%, #809551 50%, #607B2E 100%);
    background: linear-gradient(to bottom, #A2AF7E 0%, #809551 50%, #607B2E 100%);
}
</style>