#A8AF91 - #66793C | 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 #A8AF91 to #66793C

#A8AF91 #66793C

Calculate the color between two colors, #A8AF91 and #66793C. 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)

#A8AF91 - #66793C | 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 #A8AF91 as 0% and #66793C as 100%.

0.0%	0.0% #A8AF91	RGB 168 175 145	#A8AF91
16.7%	16.7% #9DA682	RGB 157 166 130	#9DA682
33.3%	33.3% #929D74	RGB 146 157 116	#929D74
50.0%	50.0% #879466	RGB 135 148 102	#879466
66.7%	66.7% #7C8B58	RGB 124 139 88	#7C8B58
83.3%	83.3% #71824A	RGB 113 130 74	#71824A
100.0%	100.0% #66793C	RGB 102 121 60	#66793C

#A8AF91 #9DA682 #929D74 #879466 #7C8B58 #71824A #66793C

#A8AF91 - #66793C

HSV Blend

#A8AF91 - #66793C | 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 #A8AF91 as 0% and #66793C as 100%.

0.0%	0.0% #A8AF91	RGB 168 175 145	#A8AF91
16.7%	16.7% #9CA680	RGB 156 166 128	#9CA680
33.3%	33.3% #919D70	RGB 145 157 112	#919D70
50.0%	50.0% #869462	RGB 134 148 98	#869462
66.7%	66.7% #7B8B54	RGB 123 139 84	#7B8B54
83.3%	83.3% #708247	RGB 112 130 71	#708247
100.0%	100.0% #66793C	RGB 102 121 60	#66793C

#A8AF91 #9CA680 #919D70 #869462 #7B8B54 #708247 #66793C

#A8AF91 - #869462 - #66793C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8AF91 0%, #869462 50%, #66793C 100%);
    background: -webkit-linear-gradient(top, #A8AF91 0%, #869462 50%, #66793C 100%);
    background: linear-gradient(to bottom, #A8AF91 0%, #869462 50%, #66793C 100%);
}
</style>