#AA9F6C - #816522 | 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 #AA9F6C to #816522

#AA9F6C #816522

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

#AA9F6C - #816522 | 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 #AA9F6C as 0% and #816522 as 100%.

0.0%	0.0% #AA9F6C	RGB 170 159 108	#AA9F6C
16.7%	16.7% #A3955F	RGB 163 149 95	#A3955F
33.3%	33.3% #9C8B53	RGB 156 139 83	#9C8B53
50.0%	50.0% #958247	RGB 149 130 71	#958247
66.7%	66.7% #8E783A	RGB 142 120 58	#8E783A
83.3%	83.3% #876E2E	RGB 135 110 46	#876E2E
100.0%	100.0% #816522	RGB 129 101 34	#816522

#AA9F6C #A3955F #9C8B53 #958247 #8E783A #876E2E #816522

#AA9F6C - #816522

HSV Blend

#AA9F6C - #816522 | 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 #AA9F6C as 0% and #816522 as 100%.

0.0%	0.0% #AA9F6C	RGB 170 159 108	#AA9F6C
16.7%	16.7% #A3955D	RGB 163 149 93	#A3955D
33.3%	33.3% #9C8B4F	RGB 156 139 79	#9C8B4F
50.0%	50.0% #958243	RGB 149 130 67	#958243
66.7%	66.7% #8E7837	RGB 142 120 55	#8E7837
83.3%	83.3% #876E2C	RGB 135 110 44	#876E2C
100.0%	100.0% #816522	RGB 129 101 34	#816522

#AA9F6C #A3955D #9C8B4F #958243 #8E7837 #876E2C #816522

#AA9F6C - #958243 - #816522

CSS codes

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

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