#5E13FF - #A482FF | 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 #5E13FF to #A482FF

#5E13FF #A482FF

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

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

0.0%	0.0% #5E13FF	RGB 94 19 255	#5E13FF
16.7%	16.7% #6925FF	RGB 105 37 255	#6925FF
33.3%	33.3% #7538FF	RGB 117 56 255	#7538FF
50.0%	50.0% #814AFF	RGB 129 74 255	#814AFF
66.7%	66.7% #8C5DFF	RGB 140 93 255	#8C5DFF
83.3%	83.3% #986FFF	RGB 152 111 255	#986FFF
100.0%	100.0% #A482FF	RGB 164 130 255	#A482FF

#5E13FF #6925FF #7538FF #814AFF #8C5DFF #986FFF #A482FF

#5E13FF - #A482FF

HSV Blend

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

0.0%	0.0% #5D12FF	RGB 93 18 255	#5D12FF
16.7%	16.7% #6825FF	RGB 104 37 255	#6825FF
33.3%	33.3% #7437FF	RGB 116 55 255	#7437FF
50.0%	50.0% #7F4AFF	RGB 127 74 255	#7F4AFF
66.7%	66.7% #8B5DFF	RGB 139 93 255	#8B5DFF
83.3%	83.3% #976FFF	RGB 151 111 255	#976FFF
100.0%	100.0% #A482FF	RGB 164 130 255	#A482FF

#5D12FF #6825FF #7437FF #7F4AFF #8B5DFF #976FFF #A482FF

#5E13FF - #7F4AFF - #A482FF

CSS codes

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

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