#AEA8A8 - #965D52 | 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 #AEA8A8 to #965D52

#AEA8A8 #965D52

Calculate the color between two colors, #AEA8A8 and #965D52. 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)

#AEA8A8 - #965D52 | 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 #AEA8A8 as 0% and #965D52 as 100%.

0.0%	0.0% #AEA8A8	RGB 174 168 168	#AEA8A8
16.7%	16.7% #AA9B99	RGB 170 155 153	#AA9B99
33.3%	33.3% #A68F8B	RGB 166 143 139	#A68F8B
50.0%	50.0% #A2827D	RGB 162 130 125	#A2827D
66.7%	66.7% #9E766E	RGB 158 118 110	#9E766E
83.3%	83.3% #9A6960	RGB 154 105 96	#9A6960
100.0%	100.0% #965D52	RGB 150 93 82	#965D52

#AEA8A8 #AA9B99 #A68F8B #A2827D #9E766E #9A6960 #965D52

#AEA8A8 - #965D52

HSV Blend

#AEA8A8 - #965D52 | 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 #AEA8A8 as 0% and #965D52 as 100%.

0.0%	0.0% #AEA8A8	RGB 174 168 168	#AEA8A8
16.7%	16.7% #AA9898	RGB 170 152 152	#AA9898
33.3%	33.3% #A68A89	RGB 166 138 137	#A68A89
50.0%	50.0% #A27D7A	RGB 162 125 122	#A27D7A
66.7%	66.7% #9E716C	RGB 158 113 108	#9E716C
83.3%	83.3% #9A665E	RGB 154 102 94	#9A665E
100.0%	100.0% #965D52	RGB 150 93 82	#965D52

#AEA8A8 #AA9898 #A68A89 #A27D7A #9E716C #9A665E #965D52

#AEA8A8 - #A27D7A - #965D52

CSS codes

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

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