#AA8C8C - #904337 | 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 #AA8C8C to #904337

#AA8C8C #904337

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

#AA8C8C - #904337 | 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 #AA8C8C as 0% and #904337 as 100%.

0.0%	0.0% #AA8C8C	RGB 170 140 140	#AA8C8C
16.7%	16.7% #A57F7D	RGB 165 127 125	#A57F7D
33.3%	33.3% #A1736F	RGB 161 115 111	#A1736F
50.0%	50.0% #9D6761	RGB 157 103 97	#9D6761
66.7%	66.7% #985B53	RGB 152 91 83	#985B53
83.3%	83.3% #944F45	RGB 148 79 69	#944F45
100.0%	100.0% #904337	RGB 144 67 55	#904337

#AA8C8C #A57F7D #A1736F #9D6761 #985B53 #944F45 #904337

#AA8C8C - #904337

HSV Blend

#AA8C8C - #904337 | 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 #AA8C8C as 0% and #904337 as 100%.

0.0%	0.0% #AA8C8C	RGB 170 140 140	#AA8C8C
16.7%	16.7% #A57D7C	RGB 165 125 124	#A57D7C
33.3%	33.3% #A16F6D	RGB 161 111 109	#A16F6D
50.0%	50.0% #9D625E	RGB 157 98 94	#9D625E
66.7%	66.7% #985750	RGB 152 87 80	#985750
83.3%	83.3% #944C43	RGB 148 76 67	#944C43
100.0%	100.0% #904337	RGB 144 67 55	#904337

#AA8C8C #A57D7C #A16F6D #9D625E #985750 #944C43 #904337

#AA8C8C - #9D625E - #904337

CSS codes

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

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