#AF4ECE - #32163A | 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 #AF4ECE to #32163A

#AF4ECE #32163A

Calculate the color between two colors, #AF4ECE and #32163A. 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)

#AF4ECE - #32163A | 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 #AF4ECE as 0% and #32163A as 100%.

0.0%	0.0% #AF4ECE	RGB 175 78 206	#AF4ECE
16.7%	16.7% #9A44B5	RGB 154 68 181	#9A44B5
33.3%	33.3% #853B9C	RGB 133 59 156	#853B9C
50.0%	50.0% #703284	RGB 112 50 132	#703284
66.7%	66.7% #5B286B	RGB 91 40 107	#5B286B
83.3%	83.3% #461F52	RGB 70 31 82	#461F52
100.0%	100.0% #32163A	RGB 50 22 58	#32163A

#AF4ECE #9A44B5 #853B9C #703284 #5B286B #461F52 #32163A

#AF4ECE - #32163A

HSV Blend

#AF4ECE - #32163A | 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 #AF4ECE as 0% and #32163A as 100%.

0.0%	0.0% #AF4ECE	RGB 175 78 206	#AF4ECE
16.7%	16.7% #9A44B5	RGB 154 68 181	#9A44B5
33.3%	33.3% #853B9C	RGB 133 59 156	#853B9C
50.0%	50.0% #703284	RGB 112 50 132	#703284
66.7%	66.7% #5C286B	RGB 92 40 107	#5C286B
83.3%	83.3% #471F52	RGB 71 31 82	#471F52
100.0%	100.0% #32163A	RGB 50 22 58	#32163A

#AF4ECE #9A44B5 #853B9C #703284 #5C286B #471F52 #32163A

#AF4ECE - #703284 - #32163A

CSS codes

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

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