#AA7E8D - #742F3E | 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 #AA7E8D to #742F3E

#AA7E8D #742F3E

Calculate the color between two colors, #AA7E8D and #742F3E. 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)

#AA7E8D - #742F3E | 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 #AA7E8D as 0% and #742F3E as 100%.

0.0%	0.0% #AA7E8D	RGB 170 126 141	#AA7E8D
16.7%	16.7% #A1707F	RGB 161 112 127	#A1707F
33.3%	33.3% #986372	RGB 152 99 114	#986372
50.0%	50.0% #8F5665	RGB 143 86 101	#8F5665
66.7%	66.7% #864958	RGB 134 73 88	#864958
83.3%	83.3% #7D3C4B	RGB 125 60 75	#7D3C4B
100.0%	100.0% #742F3E	RGB 116 47 62	#742F3E

#AA7E8D #A1707F #986372 #8F5665 #864958 #7D3C4B #742F3E

#AA7E8D - #742F3E

HSV Blend

#AA7E8D - #742F3E | 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 #AA7E8D as 0% and #742F3E as 100%.

0.0%	0.0% #AA7E8D	RGB 170 126 141	#AA7E8D
16.7%	16.7% #A16E7E	RGB 161 110 126	#A16E7E
33.3%	33.3% #985F70	RGB 152 95 112	#985F70
50.0%	50.0% #8F5163	RGB 143 81 99	#8F5163
66.7%	66.7% #864556	RGB 134 69 86	#864556
83.3%	83.3% #7D3949	RGB 125 57 73	#7D3949
100.0%	100.0% #742F3E	RGB 116 47 62	#742F3E

#AA7E8D #A16E7E #985F70 #8F5163 #864556 #7D3949 #742F3E

#AA7E8D - #8F5163 - #742F3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA7E8D 0%, #8F5163 50%, #742F3E 100%);
    background: -webkit-linear-gradient(top, #AA7E8D 0%, #8F5163 50%, #742F3E 100%);
    background: linear-gradient(to bottom, #AA7E8D 0%, #8F5163 50%, #742F3E 100%);
}
</style>