#AA9F9F - #7F484B | 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 #AA9F9F to #7F484B

#AA9F9F #7F484B

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

#AA9F9F - #7F484B | 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 #AA9F9F as 0% and #7F484B as 100%.

0.0%	0.0% #AA9F9F	RGB 170 159 159	#AA9F9F
16.7%	16.7% #A29091	RGB 162 144 145	#A29091
33.3%	33.3% #9B8283	RGB 155 130 131	#9B8283
50.0%	50.0% #947375	RGB 148 115 117	#947375
66.7%	66.7% #8D6567	RGB 141 101 103	#8D6567
83.3%	83.3% #865659	RGB 134 86 89	#865659
100.0%	100.0% #7F484B	RGB 127 72 75	#7F484B

#AA9F9F #A29091 #9B8283 #947375 #8D6567 #865659 #7F484B

#AA9F9F - #7F484B

HSV Blend

#AA9F9F - #7F484B | 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 #AA9F9F as 0% and #7F484B as 100%.

0.0%	0.0% #AA9F9F	RGB 170 159 159	#AA9F9F
16.7%	16.7% #A28E8E	RGB 162 142 142	#A28E8E
33.3%	33.3% #9B7E7F	RGB 155 126 127	#9B7E7F
50.0%	50.0% #946F70	RGB 148 111 112	#946F70
66.7%	66.7% #8D6163	RGB 141 97 99	#8D6163
83.3%	83.3% #865456	RGB 134 84 86	#865456
100.0%	100.0% #7F484B	RGB 127 72 75	#7F484B

#AA9F9F #A28E8E #9B7E7F #946F70 #8D6163 #865456 #7F484B

#AA9F9F - #946F70 - #7F484B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA9F9F 0%, #946F70 50%, #7F484B 100%);
    background: -webkit-linear-gradient(top, #AA9F9F 0%, #946F70 50%, #7F484B 100%);
    background: linear-gradient(to bottom, #AA9F9F 0%, #946F70 50%, #7F484B 100%);
}
</style>