#AA918A - #704E3E | 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 #AA918A to #704E3E

#AA918A #704E3E

Calculate the color between two colors, #AA918A and #704E3E. 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)

#AA918A - #704E3E | 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 #AA918A as 0% and #704E3E as 100%.

0.0%	0.0% #AA918A	RGB 170 145 138	#AA918A
16.7%	16.7% #A0857D	RGB 160 133 125	#A0857D
33.3%	33.3% #967A70	RGB 150 122 112	#967A70
50.0%	50.0% #8D6F64	RGB 141 111 100	#8D6F64
66.7%	66.7% #836457	RGB 131 100 87	#836457
83.3%	83.3% #79594A	RGB 121 89 74	#79594A
100.0%	100.0% #704E3E	RGB 112 78 62	#704E3E

#AA918A #A0857D #967A70 #8D6F64 #836457 #79594A #704E3E

#AA918A - #704E3E

HSV Blend

#AA918A - #704E3E | 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 #AA918A as 0% and #704E3E as 100%.

0.0%	0.0% #AA918A	RGB 170 145 138	#AA918A
16.7%	16.7% #A0837B	RGB 160 131 123	#A0837B
33.3%	33.3% #96776D	RGB 150 119 109	#96776D
50.0%	50.0% #8D6C60	RGB 141 108 96	#8D6C60
66.7%	66.7% #836154	RGB 131 97 84	#836154
83.3%	83.3% #795748	RGB 121 87 72	#795748
100.0%	100.0% #704E3E	RGB 112 78 62	#704E3E

#AA918A #A0837B #96776D #8D6C60 #836154 #795748 #704E3E

#AA918A - #8D6C60 - #704E3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA918A 0%, #8D6C60 50%, #704E3E 100%);
    background: -webkit-linear-gradient(top, #AA918A 0%, #8D6C60 50%, #704E3E 100%);
    background: linear-gradient(to bottom, #AA918A 0%, #8D6C60 50%, #704E3E 100%);
}
</style>