#AC9DB1 - #5A4865 | 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 #AC9DB1 to #5A4865

#AC9DB1 #5A4865

Calculate the color between two colors, #AC9DB1 and #5A4865. 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)

#AC9DB1 - #5A4865 | 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 #AC9DB1 as 0% and #5A4865 as 100%.

0.0%	0.0% #AC9DB1	RGB 172 157 177	#AC9DB1
16.7%	16.7% #9E8EA4	RGB 158 142 164	#9E8EA4
33.3%	33.3% #908097	RGB 144 128 151	#908097
50.0%	50.0% #83728B	RGB 131 114 139	#83728B
66.7%	66.7% #75647E	RGB 117 100 126	#75647E
83.3%	83.3% #675671	RGB 103 86 113	#675671
100.0%	100.0% #5A4865	RGB 90 72 101	#5A4865

#AC9DB1 #9E8EA4 #908097 #83728B #75647E #675671 #5A4865

#AC9DB1 - #5A4865

HSV Blend

#AC9DB1 - #5A4865 | 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 #AC9DB1 as 0% and #5A4865 as 100%.

0.0%	0.0% #AC9DB1	RGB 172 157 177	#AC9DB1
16.7%	16.7% #9D8CA4	RGB 157 140 164	#9D8CA4
33.3%	33.3% #907D97	RGB 144 125 151	#907D97
50.0%	50.0% #826F8B	RGB 130 111 139	#826F8B
66.7%	66.7% #74617E	RGB 116 97 126	#74617E
83.3%	83.3% #675471	RGB 103 84 113	#675471
100.0%	100.0% #5A4865	RGB 90 72 101	#5A4865

#AC9DB1 #9D8CA4 #907D97 #826F8B #74617E #675471 #5A4865

#AC9DB1 - #826F8B - #5A4865

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AC9DB1 0%, #826F8B 50%, #5A4865 100%);
    background: -webkit-linear-gradient(top, #AC9DB1 0%, #826F8B 50%, #5A4865 100%);
    background: linear-gradient(to bottom, #AC9DB1 0%, #826F8B 50%, #5A4865 100%);
}
</style>