#AF20B2 - #ACB9F0 | 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 #AF20B2 to #ACB9F0

#AF20B2 #ACB9F0

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

#AF20B2 - #ACB9F0 | 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 #AF20B2 as 0% and #ACB9F0 as 100%.

0.0%	0.0% #AF20B2	RGB 175 32 178	#AF20B2
16.7%	16.7% #AE39BC	RGB 174 57 188	#AE39BC
33.3%	33.3% #AE53C6	RGB 174 83 198	#AE53C6
50.0%	50.0% #AD6CD1	RGB 173 108 209	#AD6CD1
66.7%	66.7% #AD86DB	RGB 173 134 219	#AD86DB
83.3%	83.3% #AC9FE5	RGB 172 159 229	#AC9FE5
100.0%	100.0% #ACB9F0	RGB 172 185 240	#ACB9F0

#AF20B2 #AE39BC #AE53C6 #AD6CD1 #AD86DB #AC9FE5 #ACB9F0

#AF20B2 - #ACB9F0

HSV Blend

#AF20B2 - #ACB9F0 | 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 #AF20B2 as 0% and #ACB9F0 as 100%.

0.0%	0.0% #AF20B2	RGB 175 32 178	#AF20B2
16.7%	16.7% #9E32BC	RGB 158 50 188	#9E32BC
33.3%	33.3% #9247C6	RGB 146 71 198	#9247C6
50.0%	50.0% #8B5DD1	RGB 139 93 209	#8B5DD1
66.7%	66.7% #8A75DB	RGB 138 117 219	#8A75DB
83.3%	83.3% #9090E5	RGB 144 144 229	#9090E5
100.0%	100.0% #ACB9F0	RGB 172 185 240	#ACB9F0

#AF20B2 #9E32BC #9247C6 #8B5DD1 #8A75DB #9090E5 #ACB9F0

#AF20B2 - #8B5DD1 - #ACB9F0

CSS codes

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

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