#A867FF - #4D00C6 | 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 #A867FF to #4D00C6

#A867FF #4D00C6

Calculate the color between two colors, #A867FF and #4D00C6. 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)

#A867FF - #4D00C6 | 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 #A867FF as 0% and #4D00C6 as 100%.

0.0%	0.0% #A867FF	RGB 168 103 255	#A867FF
16.7%	16.7% #9855F5	RGB 152 85 245	#9855F5
33.3%	33.3% #8944EC	RGB 137 68 236	#8944EC
50.0%	50.0% #7A33E2	RGB 122 51 226	#7A33E2
66.7%	66.7% #6B22D9	RGB 107 34 217	#6B22D9
83.3%	83.3% #5C11CF	RGB 92 17 207	#5C11CF
100.0%	100.0% #4D00C6	RGB 77 0 198	#4D00C6

#A867FF #9855F5 #8944EC #7A33E2 #6B22D9 #5C11CF #4D00C6

#A867FF - #4D00C6

HSV Blend

#A867FF - #4D00C6 | 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 #A867FF as 0% and #4D00C6 as 100%.

0.0%	0.0% #A767FF	RGB 167 103 255	#A767FF
16.7%	16.7% #9752F5	RGB 151 82 245	#9752F5
33.3%	33.3% #873FEC	RGB 135 63 236	#873FEC
50.0%	50.0% #772DE2	RGB 119 45 226	#772DE2
66.7%	66.7% #681DD9	RGB 104 29 217	#681DD9
83.3%	83.3% #5A0DCF	RGB 90 13 207	#5A0DCF
100.0%	100.0% #4D00C6	RGB 77 0 198	#4D00C6

#A767FF #9752F5 #873FEC #772DE2 #681DD9 #5A0DCF #4D00C6

#A867FF - #772DE2 - #4D00C6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A767FF 0%, #772DE2 50%, #4D00C6 100%);
    background: -webkit-linear-gradient(top, #A767FF 0%, #772DE2 50%, #4D00C6 100%);
    background: linear-gradient(to bottom, #A767FF 0%, #772DE2 50%, #4D00C6 100%);
}
</style>