#5E16FF - #A485FF | 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 #5E16FF to #A485FF

#5E16FF #A485FF

Calculate the color between two colors, #5E16FF and #A485FF. 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)

#5E16FF - #A485FF | 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 #5E16FF as 0% and #A485FF as 100%.

0.0%	0.0% #5E16FF	RGB 94 22 255	#5E16FF
16.7%	16.7% #6928FF	RGB 105 40 255	#6928FF
33.3%	33.3% #753BFF	RGB 117 59 255	#753BFF
50.0%	50.0% #814DFF	RGB 129 77 255	#814DFF
66.7%	66.7% #8C60FF	RGB 140 96 255	#8C60FF
83.3%	83.3% #9872FF	RGB 152 114 255	#9872FF
100.0%	100.0% #A485FF	RGB 164 133 255	#A485FF

#5E16FF #6928FF #753BFF #814DFF #8C60FF #9872FF #A485FF

#5E16FF - #A485FF

HSV Blend

#5E16FF - #A485FF | 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 #5E16FF as 0% and #A485FF as 100%.

0.0%	0.0% #5D15FF	RGB 93 21 255	#5D15FF
16.7%	16.7% #6828FF	RGB 104 40 255	#6828FF
33.3%	33.3% #733AFF	RGB 115 58 255	#733AFF
50.0%	50.0% #7F4DFF	RGB 127 77 255	#7F4DFF
66.7%	66.7% #8B60FF	RGB 139 96 255	#8B60FF
83.3%	83.3% #9772FF	RGB 151 114 255	#9772FF
100.0%	100.0% #A485FF	RGB 164 133 255	#A485FF

#5D15FF #6828FF #733AFF #7F4DFF #8B60FF #9772FF #A485FF

#5E16FF - #7F4DFF - #A485FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D15FF 0%, #7F4DFF 50%, #A485FF 100%);
    background: -webkit-linear-gradient(top, #5D15FF 0%, #7F4DFF 50%, #A485FF 100%);
    background: linear-gradient(to bottom, #5D15FF 0%, #7F4DFF 50%, #A485FF 100%);
}
</style>