#AC5EB6 - #4B0965 | 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 #AC5EB6 to #4B0965

#AC5EB6 #4B0965

Calculate the color between two colors, #AC5EB6 and #4B0965. 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)

#AC5EB6 - #4B0965 | 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 #AC5EB6 as 0% and #4B0965 as 100%.

0.0%	0.0% #AC5EB6	RGB 172 94 182	#AC5EB6
16.7%	16.7% #9B4FA8	RGB 155 79 168	#9B4FA8
33.3%	33.3% #8B419B	RGB 139 65 155	#8B419B
50.0%	50.0% #7B338D	RGB 123 51 141	#7B338D
66.7%	66.7% #6B2580	RGB 107 37 128	#6B2580
83.3%	83.3% #5B1772	RGB 91 23 114	#5B1772
100.0%	100.0% #4B0965	RGB 75 9 101	#4B0965

#AC5EB6 #9B4FA8 #8B419B #7B338D #6B2580 #5B1772 #4B0965

#AC5EB6 - #4B0965

HSV Blend

#AC5EB6 - #4B0965 | 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 #AC5EB6 as 0% and #4B0965 as 100%.

0.0%	0.0% #AC5EB6	RGB 172 94 182	#AC5EB6
16.7%	16.7% #9B4BA8	RGB 155 75 168	#9B4BA8
33.3%	33.3% #8A399B	RGB 138 57 155	#8A399B
50.0%	50.0% #792A8D	RGB 121 42 141	#792A8D
66.7%	66.7% #691D80	RGB 105 29 128	#691D80
83.3%	83.3% #5A1272	RGB 90 18 114	#5A1272
100.0%	100.0% #4B0965	RGB 75 9 101	#4B0965

#AC5EB6 #9B4BA8 #8A399B #792A8D #691D80 #5A1272 #4B0965

#AC5EB6 - #792A8D - #4B0965

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AC5EB6 0%, #792A8D 50%, #4B0965 100%);
    background: -webkit-linear-gradient(top, #AC5EB6 0%, #792A8D 50%, #4B0965 100%);
    background: linear-gradient(to bottom, #AC5EB6 0%, #792A8D 50%, #4B0965 100%);
}
</style>