#AA7C7C - #8D362A | 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 #AA7C7C to #8D362A

#AA7C7C #8D362A

Calculate the color between two colors, #AA7C7C and #8D362A. 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)

#AA7C7C - #8D362A | 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 #AA7C7C as 0% and #8D362A as 100%.

0.0%	0.0% #AA7C7C	RGB 170 124 124	#AA7C7C
16.7%	16.7% #A5706E	RGB 165 112 110	#A5706E
33.3%	33.3% #A06460	RGB 160 100 96	#A06460
50.0%	50.0% #9B5953	RGB 155 89 83	#9B5953
66.7%	66.7% #964D45	RGB 150 77 69	#964D45
83.3%	83.3% #914137	RGB 145 65 55	#914137
100.0%	100.0% #8D362A	RGB 141 54 42	#8D362A

#AA7C7C #A5706E #A06460 #9B5953 #964D45 #914137 #8D362A

#AA7C7C - #8D362A

HSV Blend

#AA7C7C - #8D362A | 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 #AA7C7C as 0% and #8D362A as 100%.

0.0%	0.0% #AA7C7C	RGB 170 124 124	#AA7C7C
16.7%	16.7% #A56D6C	RGB 165 109 108	#A56D6C
33.3%	33.3% #A0605D	RGB 160 96 93	#A0605D
50.0%	50.0% #9B544F	RGB 155 84 79	#9B544F
66.7%	66.7% #964942	RGB 150 73 66	#964942
83.3%	83.3% #913F35	RGB 145 63 53	#913F35
100.0%	100.0% #8D362A	RGB 141 54 42	#8D362A

#AA7C7C #A56D6C #A0605D #9B544F #964942 #913F35 #8D362A

#AA7C7C - #9B544F - #8D362A

CSS codes

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

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