#5E3AD8 - #BE99FA | 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 #5E3AD8 to #BE99FA

#5E3AD8 #BE99FA

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

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

0.0%	0.0% #5E3AD8	RGB 94 58 216	#5E3AD8
16.7%	16.7% #6E49DD	RGB 110 73 221	#6E49DD
33.3%	33.3% #7E59E3	RGB 126 89 227	#7E59E3
50.0%	50.0% #8E69E9	RGB 142 105 233	#8E69E9
66.7%	66.7% #9E79EE	RGB 158 121 238	#9E79EE
83.3%	83.3% #AE89F4	RGB 174 137 244	#AE89F4
100.0%	100.0% #BE99FA	RGB 190 153 250	#BE99FA

#5E3AD8 #6E49DD #7E59E3 #8E69E9 #9E79EE #AE89F4 #BE99FA

#5E3AD8 - #BE99FA

HSV Blend

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

0.0%	0.0% #5D3AD8	RGB 93 58 216	#5D3AD8
16.7%	16.7% #6E48DD	RGB 110 72 221	#6E48DD
33.3%	33.3% #7E57E3	RGB 126 87 227	#7E57E3
50.0%	50.0% #8E66E9	RGB 142 102 233	#8E66E9
66.7%	66.7% #9E76EE	RGB 158 118 238	#9E76EE
83.3%	83.3% #AE87F4	RGB 174 135 244	#AE87F4
100.0%	100.0% #BE99FA	RGB 190 153 250	#BE99FA

#5D3AD8 #6E48DD #7E57E3 #8E66E9 #9E76EE #AE87F4 #BE99FA

#5E3AD8 - #8E66E9 - #BE99FA

CSS codes

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

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