#AC7DA7 - #812056 | 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 #AC7DA7 to #812056

#AC7DA7 #812056

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

#AC7DA7 - #812056 | 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 #AC7DA7 as 0% and #812056 as 100%.

0.0%	0.0% #AC7DA7	RGB 172 125 167	#AC7DA7
16.7%	16.7% #A46D99	RGB 164 109 153	#A46D99
33.3%	33.3% #9D5E8C	RGB 157 94 140	#9D5E8C
50.0%	50.0% #964E7E	RGB 150 78 126	#964E7E
66.7%	66.7% #8F3F71	RGB 143 63 113	#8F3F71
83.3%	83.3% #882F63	RGB 136 47 99	#882F63
100.0%	100.0% #812056	RGB 129 32 86	#812056

#AC7DA7 #A46D99 #9D5E8C #964E7E #8F3F71 #882F63 #812056

#AC7DA7 - #812056

HSV Blend

#AC7DA7 - #812056 | 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 #AC7DA7 as 0% and #812056 as 100%.

0.0%	0.0% #AC7DA7	RGB 172 125 167	#AC7DA7
16.7%	16.7% #A46A9B	RGB 164 106 155	#A46A9B
33.3%	33.3% #9D598E	RGB 157 89 142	#9D598E
50.0%	50.0% #964981	RGB 150 73 129	#964981
66.7%	66.7% #8F3A73	RGB 143 58 115	#8F3A73
83.3%	83.3% #882C64	RGB 136 44 100	#882C64
100.0%	100.0% #812056	RGB 129 32 86	#812056

#AC7DA7 #A46A9B #9D598E #964981 #8F3A73 #882C64 #812056

#AC7DA7 - #964981 - #812056

CSS codes

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

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