#ACA8C5 - #6D4D88 | 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 #ACA8C5 to #6D4D88

#ACA8C5 #6D4D88

Calculate the color between two colors, #ACA8C5 and #6D4D88. 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)

#ACA8C5 - #6D4D88 | 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 #ACA8C5 as 0% and #6D4D88 as 100%.

0.0%	0.0% #ACA8C5	RGB 172 168 197	#ACA8C5
16.7%	16.7% #A198BA	RGB 161 152 186	#A198BA
33.3%	33.3% #9789B0	RGB 151 137 176	#9789B0
50.0%	50.0% #8C7AA6	RGB 140 122 166	#8C7AA6
66.7%	66.7% #826B9C	RGB 130 107 156	#826B9C
83.3%	83.3% #775C92	RGB 119 92 146	#775C92
100.0%	100.0% #6D4D88	RGB 109 77 136	#6D4D88

#ACA8C5 #A198BA #9789B0 #8C7AA6 #826B9C #775C92 #6D4D88

#ACA8C5 - #6D4D88

HSV Blend

#ACA8C5 - #6D4D88 | 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 #ACA8C5 as 0% and #6D4D88 as 100%.

0.0%	0.0% #ACA8C5	RGB 172 168 197	#ACA8C5
16.7%	16.7% #9D96BA	RGB 157 150 186	#9D96BA
33.3%	33.3% #9185B0	RGB 145 133 176	#9185B0
50.0%	50.0% #8676A6	RGB 134 118 166	#8676A6
66.7%	66.7% #7D679C	RGB 125 103 156	#7D679C
83.3%	83.3% #745992	RGB 116 89 146	#745992
100.0%	100.0% #6D4D88	RGB 109 77 136	#6D4D88

#ACA8C5 #9D96BA #9185B0 #8676A6 #7D679C #745992 #6D4D88

#ACA8C5 - #8676A6 - #6D4D88

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACA8C5 0%, #8676A6 50%, #6D4D88 100%);
    background: -webkit-linear-gradient(top, #ACA8C5 0%, #8676A6 50%, #6D4D88 100%);
    background: linear-gradient(to bottom, #ACA8C5 0%, #8676A6 50%, #6D4D88 100%);
}
</style>