#5E1EFF - #A58CFF | 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 #5E1EFF to #A58CFF

#5E1EFF #A58CFF

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

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

0.0%	0.0% #5E1EFF	RGB 94 30 255	#5E1EFF
16.7%	16.7% #6930FF	RGB 105 48 255	#6930FF
33.3%	33.3% #7542FF	RGB 117 66 255	#7542FF
50.0%	50.0% #8155FF	RGB 129 85 255	#8155FF
66.7%	66.7% #8D67FF	RGB 141 103 255	#8D67FF
83.3%	83.3% #9979FF	RGB 153 121 255	#9979FF
100.0%	100.0% #A58CFF	RGB 165 140 255	#A58CFF

#5E1EFF #6930FF #7542FF #8155FF #8D67FF #9979FF #A58CFF

#5E1EFF - #A58CFF

HSV Blend

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

0.0%	0.0% #5E1DFF	RGB 94 29 255	#5E1DFF
16.7%	16.7% #6830FF	RGB 104 48 255	#6830FF
33.3%	33.3% #7442FF	RGB 116 66 255	#7442FF
50.0%	50.0% #7F55FF	RGB 127 85 255	#7F55FF
66.7%	66.7% #8B67FF	RGB 139 103 255	#8B67FF
83.3%	83.3% #9879FF	RGB 152 121 255	#9879FF
100.0%	100.0% #A58CFF	RGB 165 140 255	#A58CFF

#5E1DFF #6830FF #7442FF #7F55FF #8B67FF #9879FF #A58CFF

#5E1EFF - #7F55FF - #A58CFF

CSS codes

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

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