#AA8D9C - #7A384C | 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 #AA8D9C to #7A384C

#AA8D9C #7A384C

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

#AA8D9C - #7A384C | 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 #AA8D9C as 0% and #7A384C as 100%.

0.0%	0.0% #AA8D9C	RGB 170 141 156	#AA8D9C
16.7%	16.7% #A27E8E	RGB 162 126 142	#A27E8E
33.3%	33.3% #9A7081	RGB 154 112 129	#9A7081
50.0%	50.0% #926274	RGB 146 98 116	#926274
66.7%	66.7% #8A5466	RGB 138 84 102	#8A5466
83.3%	83.3% #824659	RGB 130 70 89	#824659
100.0%	100.0% #7A384C	RGB 122 56 76	#7A384C

#AA8D9C #A27E8E #9A7081 #926274 #8A5466 #824659 #7A384C

#AA8D9C - #7A384C

HSV Blend

#AA8D9C - #7A384C | 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 #AA8D9C as 0% and #7A384C as 100%.

0.0%	0.0% #AA8D9C	RGB 170 141 156	#AA8D9C
16.7%	16.7% #A27C8E	RGB 162 124 142	#A27C8E
33.3%	33.3% #9A6C80	RGB 154 108 128	#9A6C80
50.0%	50.0% #925E73	RGB 146 94 115	#925E73
66.7%	66.7% #8A5065	RGB 138 80 101	#8A5065
83.3%	83.3% #824358	RGB 130 67 88	#824358
100.0%	100.0% #7A384C	RGB 122 56 76	#7A384C

#AA8D9C #A27C8E #9A6C80 #925E73 #8A5065 #824358 #7A384C

#AA8D9C - #925E73 - #7A384C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA8D9C 0%, #925E73 50%, #7A384C 100%);
    background: -webkit-linear-gradient(top, #AA8D9C 0%, #925E73 50%, #7A384C 100%);
    background: linear-gradient(to bottom, #AA8D9C 0%, #925E73 50%, #7A384C 100%);
}
</style>