#AF2BAE - #720C7E | 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 #AF2BAE to #720C7E

#AF2BAE #720C7E

Calculate the color between two colors, #AF2BAE and #720C7E. 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)

#AF2BAE - #720C7E | 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 #AF2BAE as 0% and #720C7E as 100%.

0.0%	0.0% #AF2BAE	RGB 175 43 174	#AF2BAE
16.7%	16.7% #A425A6	RGB 164 37 166	#A425A6
33.3%	33.3% #9A209E	RGB 154 32 158	#9A209E
50.0%	50.0% #901B96	RGB 144 27 150	#901B96
66.7%	66.7% #86168E	RGB 134 22 142	#86168E
83.3%	83.3% #7C1186	RGB 124 17 134	#7C1186
100.0%	100.0% #720C7E	RGB 114 12 126	#720C7E

#AF2BAE #A425A6 #9A209E #901B96 #86168E #7C1186 #720C7E

#AF2BAE - #720C7E

HSV Blend

#AF2BAE - #720C7E | 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 #AF2BAE as 0% and #720C7E as 100%.

0.0%	0.0% #AF2BAD	RGB 175 43 173	#AF2BAD
16.7%	16.7% #A524A6	RGB 165 36 166	#A524A6
33.3%	33.3% #9A1F9E	RGB 154 31 158	#9A1F9E
50.0%	50.0% #901996	RGB 144 25 150	#901996
66.7%	66.7% #86148E	RGB 134 20 142	#86148E
83.3%	83.3% #7B1086	RGB 123 16 134	#7B1086
100.0%	100.0% #720C7E	RGB 114 12 126	#720C7E

#AF2BAD #A524A6 #9A1F9E #901996 #86148E #7B1086 #720C7E

#AF2BAE - #901996 - #720C7E

CSS codes

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

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