#AC91C8 - #7B3CAC | 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 #AC91C8 to #7B3CAC

#AC91C8 #7B3CAC

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

#AC91C8 - #7B3CAC | 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 #AC91C8 as 0% and #7B3CAC as 100%.

0.0%	0.0% #AC91C8	RGB 172 145 200	#AC91C8
16.7%	16.7% #A382C3	RGB 163 130 195	#A382C3
33.3%	33.3% #9B74BE	RGB 155 116 190	#9B74BE
50.0%	50.0% #9366BA	RGB 147 102 186	#9366BA
66.7%	66.7% #8B58B5	RGB 139 88 181	#8B58B5
83.3%	83.3% #834AB0	RGB 131 74 176	#834AB0
100.0%	100.0% #7B3CAC	RGB 123 60 172	#7B3CAC

#AC91C8 #A382C3 #9B74BE #9366BA #8B58B5 #834AB0 #7B3CAC

#AC91C8 - #7B3CAC

HSV Blend

#AC91C8 - #7B3CAC | 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 #AC91C8 as 0% and #7B3CAC as 100%.

0.0%	0.0% #AC91C8	RGB 172 145 200	#AC91C8
16.7%	16.7% #A281C3	RGB 162 129 195	#A281C3
33.3%	33.3% #9972BE	RGB 153 114 190	#9972BE
50.0%	50.0% #9163BA	RGB 145 99 186	#9163BA
66.7%	66.7% #8955B5	RGB 137 85 181	#8955B5
83.3%	83.3% #8148B0	RGB 129 72 176	#8148B0
100.0%	100.0% #7B3CAC	RGB 123 60 172	#7B3CAC

#AC91C8 #A281C3 #9972BE #9163BA #8955B5 #8148B0 #7B3CAC

#AC91C8 - #9163BA - #7B3CAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AC91C8 0%, #9163BA 50%, #7B3CAC 100%);
    background: -webkit-linear-gradient(top, #AC91C8 0%, #9163BA 50%, #7B3CAC 100%);
    background: linear-gradient(to bottom, #AC91C8 0%, #9163BA 50%, #7B3CAC 100%);
}
</style>