#A7AE5E - #68761B | 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 #A7AE5E to #68761B

#A7AE5E #68761B

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

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

0.0%	0.0% #A7AE5E	RGB 167 174 94	#A7AE5E
16.7%	16.7% #9CA452	RGB 156 164 82	#9CA452
33.3%	33.3% #929B47	RGB 146 155 71	#929B47
50.0%	50.0% #87923C	RGB 135 146 60	#87923C
66.7%	66.7% #7D8831	RGB 125 136 49	#7D8831
83.3%	83.3% #727F26	RGB 114 127 38	#727F26
100.0%	100.0% #68761B	RGB 104 118 27	#68761B

#A7AE5E #9CA452 #929B47 #87923C #7D8831 #727F26 #68761B

#A7AE5E - #68761B

HSV Blend

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

0.0%	0.0% #A7AE5E	RGB 167 174 94	#A7AE5E
16.7%	16.7% #9CA450	RGB 156 164 80	#9CA450
33.3%	33.3% #919B43	RGB 145 155 67	#919B43
50.0%	50.0% #879238	RGB 135 146 56	#879238
66.7%	66.7% #7C882D	RGB 124 136 45	#7C882D
83.3%	83.3% #727F23	RGB 114 127 35	#727F23
100.0%	100.0% #68761B	RGB 104 118 27	#68761B

#A7AE5E #9CA450 #919B43 #879238 #7C882D #727F23 #68761B

#A7AE5E - #879238 - #68761B

CSS codes

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

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