#AC52CE - #7400A2 | 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 #AC52CE to #7400A2

#AC52CE #7400A2

Calculate the color between two colors, #AC52CE and #7400A2. 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)

#AC52CE - #7400A2 | 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 #AC52CE as 0% and #7400A2 as 100%.

0.0%	0.0% #AC52CE	RGB 172 82 206	#AC52CE
16.7%	16.7% #A244C6	RGB 162 68 198	#A244C6
33.3%	33.3% #9936BF	RGB 153 54 191	#9936BF
50.0%	50.0% #9029B8	RGB 144 41 184	#9029B8
66.7%	66.7% #861BB0	RGB 134 27 176	#861BB0
83.3%	83.3% #7D0DA9	RGB 125 13 169	#7D0DA9
100.0%	100.0% #7400A2	RGB 116 0 162	#7400A2

#AC52CE #A244C6 #9936BF #9029B8 #861BB0 #7D0DA9 #7400A2

#AC52CE - #7400A2

HSV Blend

#AC52CE - #7400A2 | 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 #AC52CE as 0% and #7400A2 as 100%.

0.0%	0.0% #AB52CE	RGB 171 82 206	#AB52CE
16.7%	16.7% #A241C6	RGB 162 65 198	#A241C6
33.3%	33.3% #9832BF	RGB 152 50 191	#9832BF
50.0%	50.0% #8E24B8	RGB 142 36 184	#8E24B8
66.7%	66.7% #8517B0	RGB 133 23 176	#8517B0
83.3%	83.3% #7C0BA9	RGB 124 11 169	#7C0BA9
100.0%	100.0% #7400A2	RGB 116 0 162	#7400A2

#AB52CE #A241C6 #9832BF #8E24B8 #8517B0 #7C0BA9 #7400A2

#AC52CE - #8E24B8 - #7400A2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AB52CE 0%, #8E24B8 50%, #7400A2 100%);
    background: -webkit-linear-gradient(top, #AB52CE 0%, #8E24B8 50%, #7400A2 100%);
    background: linear-gradient(to bottom, #AB52CE 0%, #8E24B8 50%, #7400A2 100%);
}
</style>