#AA8C8C - #82373D | 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 #82373D

#AA8C8C #82373D

Calculate the color between two colors, #AA8C8C and #82373D. 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 - #82373D | 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 #82373D as 100%.

0.0%	0.0% #AA8C8C	RGB 170 140 140	#AA8C8C
16.7%	16.7% #A37D7E	RGB 163 125 126	#A37D7E
33.3%	33.3% #9C6F71	RGB 156 111 113	#9C6F71
50.0%	50.0% #966164	RGB 150 97 100	#966164
66.7%	66.7% #8F5357	RGB 143 83 87	#8F5357
83.3%	83.3% #88454A	RGB 136 69 74	#88454A
100.0%	100.0% #82373D	RGB 130 55 61	#82373D

#AA8C8C #A37D7E #9C6F71 #966164 #8F5357 #88454A #82373D

#AA8C8C - #82373D

HSV Blend

#AA8C8C - #82373D | 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 #82373D as 100%.

0.0%	0.0% #AA8C8C	RGB 170 140 140	#AA8C8C
16.7%	16.7% #A37B7C	RGB 163 123 124	#A37B7C
33.3%	33.3% #9C6C6D	RGB 156 108 109	#9C6C6D
50.0%	50.0% #965D5F	RGB 150 93 95	#965D5F
66.7%	66.7% #8F4F53	RGB 143 79 83	#8F4F53
83.3%	83.3% #884247	RGB 136 66 71	#884247
100.0%	100.0% #82373D	RGB 130 55 61	#82373D

#AA8C8C #A37B7C #9C6C6D #965D5F #8F4F53 #884247 #82373D

#AA8C8C - #965D5F - #82373D

CSS codes

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

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