#AA6B6B - #882A1F | 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 #AA6B6B to #882A1F

#AA6B6B #882A1F

Calculate the color between two colors, #AA6B6B and #882A1F. 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)

#AA6B6B - #882A1F | 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 #AA6B6B as 0% and #882A1F as 100%.

0.0%	0.0% #AA6B6B	RGB 170 107 107	#AA6B6B
16.7%	16.7% #A4605E	RGB 164 96 94	#A4605E
33.3%	33.3% #9E5551	RGB 158 85 81	#9E5551
50.0%	50.0% #994A45	RGB 153 74 69	#994A45
66.7%	66.7% #933F38	RGB 147 63 56	#933F38
83.3%	83.3% #8D342B	RGB 141 52 43	#8D342B
100.0%	100.0% #882A1F	RGB 136 42 31	#882A1F

#AA6B6B #A4605E #9E5551 #994A45 #933F38 #8D342B #882A1F

#AA6B6B - #882A1F

HSV Blend

#AA6B6B - #882A1F | 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 #AA6B6B as 0% and #882A1F as 100%.

0.0%	0.0% #AA6B6B	RGB 170 107 107	#AA6B6B
16.7%	16.7% #A45D5C	RGB 164 93 92	#A45D5C
33.3%	33.3% #9E514E	RGB 158 81 78	#9E514E
50.0%	50.0% #994641	RGB 153 70 65	#994641
66.7%	66.7% #933B35	RGB 147 59 53	#933B35
83.3%	83.3% #8D3229	RGB 141 50 41	#8D3229
100.0%	100.0% #882A1F	RGB 136 42 31	#882A1F

#AA6B6B #A45D5C #9E514E #994641 #933B35 #8D3229 #882A1F

#AA6B6B - #994641 - #882A1F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA6B6B 0%, #994641 50%, #882A1F 100%);
    background: -webkit-linear-gradient(top, #AA6B6B 0%, #994641 50%, #882A1F 100%);
    background: linear-gradient(to bottom, #AA6B6B 0%, #994641 50%, #882A1F 100%);
}
</style>