#AAAAAA - #936054 | 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 #AAAAAA to #936054

#AAAAAA #936054

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

#AAAAAA - #936054 | 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 #AAAAAA as 0% and #936054 as 100%.

0.0%	0.0% #AAAAAA	RGB 170 170 170	#AAAAAA
16.7%	16.7% #A69D9B	RGB 166 157 155	#A69D9B
33.3%	33.3% #A2918D	RGB 162 145 141	#A2918D
50.0%	50.0% #9E857F	RGB 158 133 127	#9E857F
66.7%	66.7% #9A7870	RGB 154 120 112	#9A7870
83.3%	83.3% #966C62	RGB 150 108 98	#966C62
100.0%	100.0% #936054	RGB 147 96 84	#936054

#AAAAAA #A69D9B #A2918D #9E857F #9A7870 #966C62 #936054

#AAAAAA - #936054

HSV Blend

#AAAAAA - #936054 | 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 #AAAAAA as 0% and #936054 as 100%.

0.0%	0.0% #AAAAAA	RGB 170 170 170	#AAAAAA
16.7%	16.7% #A69A9A	RGB 166 154 154	#A69A9A
33.3%	33.3% #A28C8B	RGB 162 140 139	#A28C8B
50.0%	50.0% #9E7F7C	RGB 158 127 124	#9E7F7C
66.7%	66.7% #9A746E	RGB 154 116 110	#9A746E
83.3%	83.3% #966960	RGB 150 105 96	#966960
100.0%	100.0% #936054	RGB 147 96 84	#936054

#AAAAAA #A69A9A #A28C8B #9E7F7C #9A746E #966960 #936054

#AAAAAA - #9E7F7C - #936054

CSS codes

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

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