#AA726B - #87311F | 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 #AA726B to #87311F

#AA726B #87311F

Calculate the color between two colors, #AA726B and #87311F. 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)

#AA726B - #87311F | 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 #AA726B as 0% and #87311F as 100%.

0.0%	0.0% #AA726B	RGB 170 114 107	#AA726B
16.7%	16.7% #A4675E	RGB 164 103 94	#A4675E
33.3%	33.3% #9E5C51	RGB 158 92 81	#9E5C51
50.0%	50.0% #985145	RGB 152 81 69	#985145
66.7%	66.7% #924638	RGB 146 70 56	#924638
83.3%	83.3% #8C3B2B	RGB 140 59 43	#8C3B2B
100.0%	100.0% #87311F	RGB 135 49 31	#87311F

#AA726B #A4675E #9E5C51 #985145 #924638 #8C3B2B #87311F

#AA726B - #87311F

HSV Blend

#AA726B - #87311F | 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 #AA726B as 0% and #87311F as 100%.

0.0%	0.0% #AA726B	RGB 170 114 107	#AA726B
16.7%	16.7% #A4655C	RGB 164 101 92	#A4655C
33.3%	33.3% #9E594E	RGB 158 89 78	#9E594E
50.0%	50.0% #984D41	RGB 152 77 65	#984D41
66.7%	66.7% #924335	RGB 146 67 53	#924335
83.3%	83.3% #8C3929	RGB 140 57 41	#8C3929
100.0%	100.0% #87311F	RGB 135 49 31	#87311F

#AA726B #A4655C #9E594E #984D41 #924335 #8C3929 #87311F

#AA726B - #984D41 - #87311F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA726B 0%, #984D41 50%, #87311F 100%);
    background: -webkit-linear-gradient(top, #AA726B 0%, #984D41 50%, #87311F 100%);
    background: linear-gradient(to bottom, #AA726B 0%, #984D41 50%, #87311F 100%);
}
</style>