#5E3BFD - #E491FF | 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 #5E3BFD to #E491FF

#5E3BFD #E491FF

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

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

0.0%	0.0% #5E3BFD	RGB 94 59 253	#5E3BFD
16.7%	16.7% #7449FD	RGB 116 73 253	#7449FD
33.3%	33.3% #8A57FD	RGB 138 87 253	#8A57FD
50.0%	50.0% #A166FE	RGB 161 102 254	#A166FE
66.7%	66.7% #B774FE	RGB 183 116 254	#B774FE
83.3%	83.3% #CD82FE	RGB 205 130 254	#CD82FE
100.0%	100.0% #E491FF	RGB 228 145 255	#E491FF

#5E3BFD #7449FD #8A57FD #A166FE #B774FE #CD82FE #E491FF

#5E3BFD - #E491FF

HSV Blend

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

0.0%	0.0% #5D3BFD	RGB 93 59 253	#5D3BFD
16.7%	16.7% #7A49FD	RGB 122 73 253	#7A49FD
33.3%	33.3% #9557FD	RGB 149 87 253	#9557FD
50.0%	50.0% #AC65FE	RGB 172 101 254	#AC65FE
66.7%	66.7% #C174FE	RGB 193 116 254	#C174FE
83.3%	83.3% #D482FE	RGB 212 130 254	#D482FE
100.0%	100.0% #E491FF	RGB 228 145 255	#E491FF

#5D3BFD #7A49FD #9557FD #AC65FE #C174FE #D482FE #E491FF

#5E3BFD - #AC65FE - #E491FF

CSS codes

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

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