#AFAC9F - #7A8446 | 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 #AFAC9F to #7A8446

#AFAC9F #7A8446

Calculate the color between two colors, #AFAC9F and #7A8446. 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)

#AFAC9F - #7A8446 | 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 #AFAC9F as 0% and #7A8446 as 100%.

0.0%	0.0% #AFAC9F	RGB 175 172 159	#AFAC9F
16.7%	16.7% #A6A590	RGB 166 165 144	#A6A590
33.3%	33.3% #9D9E81	RGB 157 158 129	#9D9E81
50.0%	50.0% #949872	RGB 148 152 114	#949872
66.7%	66.7% #8B9163	RGB 139 145 99	#8B9163
83.3%	83.3% #828A54	RGB 130 138 84	#828A54
100.0%	100.0% #7A8446	RGB 122 132 70	#7A8446

#AFAC9F #A6A590 #9D9E81 #949872 #8B9163 #828A54 #7A8446

#AFAC9F - #7A8446

HSV Blend

#AFAC9F - #7A8446 | 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 #AFAC9F as 0% and #7A8446 as 100%.

0.0%	0.0% #AFAC9F	RGB 175 172 159	#AFAC9F
16.7%	16.7% #A7A48D	RGB 167 164 141	#A7A48D
33.3%	33.3% #A09E7D	RGB 160 158 125	#A09E7D
50.0%	50.0% #99986E	RGB 153 152 110	#99986E
66.7%	66.7% #909260	RGB 144 146 96	#909260
83.3%	83.3% #858B52	RGB 133 139 82	#858B52
100.0%	100.0% #7A8446	RGB 122 132 70	#7A8446

#AFAC9F #A7A48D #A09E7D #99986E #909260 #858B52 #7A8446

#AFAC9F - #99986E - #7A8446

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFAC9F 0%, #99986E 50%, #7A8446 100%);
    background: -webkit-linear-gradient(top, #AFAC9F 0%, #99986E 50%, #7A8446 100%);
    background: linear-gradient(to bottom, #AFAC9F 0%, #99986E 50%, #7A8446 100%);
}
</style>