#AC3C7C - #A16DFF | 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 #AC3C7C to #A16DFF

#AC3C7C #A16DFF

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

#AC3C7C - #A16DFF | 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 #AC3C7C as 0% and #A16DFF as 100%.

0.0%	0.0% #AC3C7C	RGB 172 60 124	#AC3C7C
16.7%	16.7% #AA4491	RGB 170 68 145	#AA4491
33.3%	33.3% #A84CA7	RGB 168 76 167	#A84CA7
50.0%	50.0% #A654BD	RGB 166 84 189	#A654BD
66.7%	66.7% #A45CD3	RGB 164 92 211	#A45CD3
83.3%	83.3% #A264E9	RGB 162 100 233	#A264E9
100.0%	100.0% #A16DFF	RGB 161 109 255	#A16DFF

#AC3C7C #AA4491 #A84CA7 #A654BD #A45CD3 #A264E9 #A16DFF

#AC3C7C - #A16DFF

HSV Blend

#AC3C7C - #A16DFF | 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 #AC3C7C as 0% and #A16DFF as 100%.

0.0%	0.0% #AC3C7C	RGB 172 60 124	#AC3C7C
16.7%	16.7% #B9439C	RGB 185 67 156	#B9439C
33.3%	33.3% #C74ABE	RGB 199 74 190	#C74ABE
50.0%	50.0% #C752D5	RGB 199 82 213	#C752D5
66.7%	66.7% #BC5BE3	RGB 188 91 227	#BC5BE3
83.3%	83.3% #AF63F1	RGB 175 99 241	#AF63F1
100.0%	100.0% #A16DFF	RGB 161 109 255	#A16DFF

#AC3C7C #B9439C #C74ABE #C752D5 #BC5BE3 #AF63F1 #A16DFF

#AC3C7C - #C752D5 - #A16DFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AC3C7C 0%, #C752D5 50%, #A16DFF 100%);
    background: -webkit-linear-gradient(top, #AC3C7C 0%, #C752D5 50%, #A16DFF 100%);
    background: linear-gradient(to bottom, #AC3C7C 0%, #C752D5 50%, #A16DFF 100%);
}
</style>