#5E1BC7 - #D1BDEF | 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 #5E1BC7 to #D1BDEF

#5E1BC7 #D1BDEF

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

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

0.0%	0.0% #5E1BC7	RGB 94 27 199	#5E1BC7
16.7%	16.7% #7136CD	RGB 113 54 205	#7136CD
33.3%	33.3% #8451D4	RGB 132 81 212	#8451D4
50.0%	50.0% #976CDB	RGB 151 108 219	#976CDB
66.7%	66.7% #AA87E1	RGB 170 135 225	#AA87E1
83.3%	83.3% #BDA2E8	RGB 189 162 232	#BDA2E8
100.0%	100.0% #D1BDEF	RGB 209 189 239	#D1BDEF

#5E1BC7 #7136CD #8451D4 #976CDB #AA87E1 #BDA2E8 #D1BDEF

#5E1BC7 - #D1BDEF

HSV Blend

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

0.0%	0.0% #5E1BC7	RGB 94 27 199	#5E1BC7
16.7%	16.7% #6F32CD	RGB 111 50 205	#6F32CD
33.3%	33.3% #814BD4	RGB 129 75 212	#814BD4
50.0%	50.0% #9365DB	RGB 147 101 219	#9365DB
66.7%	66.7% #A781E1	RGB 167 129 225	#A781E1
83.3%	83.3% #BB9EE8	RGB 187 158 232	#BB9EE8
100.0%	100.0% #D1BDEF	RGB 209 189 239	#D1BDEF

#5E1BC7 #6F32CD #814BD4 #9365DB #A781E1 #BB9EE8 #D1BDEF

#5E1BC7 - #9365DB - #D1BDEF

CSS codes

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

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