#5200FF - #A400FF | 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 #5200FF to #A400FF

#5200FF #A400FF

Calculate the color between two colors, #5200FF and #A400FF. 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)

#5200FF - #A400FF | 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 #5200FF as 0% and #A400FF as 100%.

0.0%	0.0% #5200FF	RGB 82 0 255	#5200FF
16.7%	16.7% #5F00FF	RGB 95 0 255	#5F00FF
33.3%	33.3% #6D00FF	RGB 109 0 255	#6D00FF
50.0%	50.0% #7B00FF	RGB 123 0 255	#7B00FF
66.7%	66.7% #8800FF	RGB 136 0 255	#8800FF
83.3%	83.3% #9600FF	RGB 150 0 255	#9600FF
100.0%	100.0% #A400FF	RGB 164 0 255	#A400FF

#5200FF #5F00FF #6D00FF #7B00FF #8800FF #9600FF #A400FF

#5200FF - #A400FF

HSV Blend

#5200FF - #A400FF | 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 #5200FF as 0% and #A400FF as 100%.

0.0%	0.0% #5200FF	RGB 82 0 255	#5200FF
16.7%	16.7% #5F00FF	RGB 95 0 255	#5F00FF
33.3%	33.3% #6D00FF	RGB 109 0 255	#6D00FF
50.0%	50.0% #7B00FF	RGB 123 0 255	#7B00FF
66.7%	66.7% #8800FF	RGB 136 0 255	#8800FF
83.3%	83.3% #9600FF	RGB 150 0 255	#9600FF
100.0%	100.0% #A400FF	RGB 164 0 255	#A400FF

#5200FF #5F00FF #6D00FF #7B00FF #8800FF #9600FF #A400FF

#5200FF - #7B00FF - #A400FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5200FF 0%, #7B00FF 50%, #A400FF 100%);
    background: -webkit-linear-gradient(top, #5200FF 0%, #7B00FF 50%, #A400FF 100%);
    background: linear-gradient(to bottom, #5200FF 0%, #7B00FF 50%, #A400FF 100%);
}
</style>