#ACA3C0 - #504B76 | 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 #ACA3C0 to #504B76

#ACA3C0 #504B76

Calculate the color between two colors, #ACA3C0 and #504B76. 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)

#ACA3C0 - #504B76 | 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 #ACA3C0 as 0% and #504B76 as 100%.

0.0%	0.0% #ACA3C0	RGB 172 163 192	#ACA3C0
16.7%	16.7% #9C94B3	RGB 156 148 179	#9C94B3
33.3%	33.3% #8D85A7	RGB 141 133 167	#8D85A7
50.0%	50.0% #7E779B	RGB 126 119 155	#7E779B
66.7%	66.7% #6E688E	RGB 110 104 142	#6E688E
83.3%	83.3% #5F5982	RGB 95 89 130	#5F5982
100.0%	100.0% #504B76	RGB 80 75 118	#504B76

#ACA3C0 #9C94B3 #8D85A7 #7E779B #6E688E #5F5982 #504B76

#ACA3C0 - #504B76

HSV Blend

#ACA3C0 - #504B76 | 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 #ACA3C0 as 0% and #504B76 as 100%.

0.0%	0.0% #ACA3C0	RGB 172 163 192	#ACA3C0
16.7%	16.7% #9B92B3	RGB 155 146 179	#9B92B3
33.3%	33.3% #8B82A7	RGB 139 130 167	#8B82A7
50.0%	50.0% #7B739B	RGB 123 115 155	#7B739B
66.7%	66.7% #6C648E	RGB 108 100 142	#6C648E
83.3%	83.3% #5D5782	RGB 93 87 130	#5D5782
100.0%	100.0% #504B76	RGB 80 75 118	#504B76

#ACA3C0 #9B92B3 #8B82A7 #7B739B #6C648E #5D5782 #504B76

#ACA3C0 - #7B739B - #504B76

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACA3C0 0%, #7B739B 50%, #504B76 100%);
    background: -webkit-linear-gradient(top, #ACA3C0 0%, #7B739B 50%, #504B76 100%);
    background: linear-gradient(to bottom, #ACA3C0 0%, #7B739B 50%, #504B76 100%);
}
</style>