#A8809C - #7A294B | 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 #A8809C to #7A294B

#A8809C #7A294B

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

#A8809C - #7A294B | 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 #A8809C as 0% and #7A294B as 100%.

0.0%	0.0% #A8809C	RGB 168 128 156	#A8809C
16.7%	16.7% #A0718E	RGB 160 113 142	#A0718E
33.3%	33.3% #986381	RGB 152 99 129	#986381
50.0%	50.0% #915473	RGB 145 84 115	#915473
66.7%	66.7% #894666	RGB 137 70 102	#894666
83.3%	83.3% #813758	RGB 129 55 88	#813758
100.0%	100.0% #7A294B	RGB 122 41 75	#7A294B

#A8809C #A0718E #986381 #915473 #894666 #813758 #7A294B

#A8809C - #7A294B

HSV Blend

#A8809C - #7A294B | 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 #A8809C as 0% and #7A294B as 100%.

0.0%	0.0% #A8809C	RGB 168 128 156	#A8809C
16.7%	16.7% #A06E8F	RGB 160 110 143	#A06E8F
33.3%	33.3% #985E81	RGB 152 94 129	#985E81
50.0%	50.0% #914F74	RGB 145 79 116	#914F74
66.7%	66.7% #894166	RGB 137 65 102	#894166
83.3%	83.3% #813458	RGB 129 52 88	#813458
100.0%	100.0% #7A294B	RGB 122 41 75	#7A294B

#A8809C #A06E8F #985E81 #914F74 #894166 #813458 #7A294B

#A8809C - #914F74 - #7A294B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8809C 0%, #914F74 50%, #7A294B 100%);
    background: -webkit-linear-gradient(top, #A8809C 0%, #914F74 50%, #7A294B 100%);
    background: linear-gradient(to bottom, #A8809C 0%, #914F74 50%, #7A294B 100%);
}
</style>