#5E1BCB - #D1BDF0 | 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 #5E1BCB to #D1BDF0

#5E1BCB #D1BDF0

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

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

0.0%	0.0% #5E1BCB	RGB 94 27 203	#5E1BCB
16.7%	16.7% #7136D1	RGB 113 54 209	#7136D1
33.3%	33.3% #8451D7	RGB 132 81 215	#8451D7
50.0%	50.0% #976CDD	RGB 151 108 221	#976CDD
66.7%	66.7% #AA87E3	RGB 170 135 227	#AA87E3
83.3%	83.3% #BDA2E9	RGB 189 162 233	#BDA2E9
100.0%	100.0% #D1BDF0	RGB 209 189 240	#D1BDF0

#5E1BCB #7136D1 #8451D7 #976CDD #AA87E3 #BDA2E9 #D1BDF0

#5E1BCB - #D1BDF0

HSV Blend

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

0.0%	0.0% #5D1ACB	RGB 93 26 203	#5D1ACB
16.7%	16.7% #6F32D1	RGB 111 50 209	#6F32D1
33.3%	33.3% #814BD7	RGB 129 75 215	#814BD7
50.0%	50.0% #9465DD	RGB 148 101 221	#9465DD
66.7%	66.7% #A781E3	RGB 167 129 227	#A781E3
83.3%	83.3% #BB9EE9	RGB 187 158 233	#BB9EE9
100.0%	100.0% #D1BDF0	RGB 209 189 240	#D1BDF0

#5D1ACB #6F32D1 #814BD7 #9465DD #A781E3 #BB9EE9 #D1BDF0

#5E1BCB - #9465DD - #D1BDF0

CSS codes

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

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