#5E4CC1 - #D1CBED | 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 #5E4CC1 to #D1CBED

#5E4CC1 #D1CBED

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

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

0.0%	0.0% #5E4CC1	RGB 94 76 193	#5E4CC1
16.7%	16.7% #7161C8	RGB 113 97 200	#7161C8
33.3%	33.3% #8476CF	RGB 132 118 207	#8476CF
50.0%	50.0% #978BD7	RGB 151 139 215	#978BD7
66.7%	66.7% #AAA0DE	RGB 170 160 222	#AAA0DE
83.3%	83.3% #BDB5E5	RGB 189 181 229	#BDB5E5
100.0%	100.0% #D1CBED	RGB 209 203 237	#D1CBED

#5E4CC1 #7161C8 #8476CF #978BD7 #AAA0DE #BDB5E5 #D1CBED

#5E4CC1 - #D1CBED

HSV Blend

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

0.0%	0.0% #5E4CC1	RGB 94 76 193	#5E4CC1
16.7%	16.7% #6F5EC8	RGB 111 94 200	#6F5EC8
33.3%	33.3% #8071CF	RGB 128 113 207	#8071CF
50.0%	50.0% #9386D7	RGB 147 134 215	#9386D7
66.7%	66.7% #A79CDE	RGB 167 156 222	#A79CDE
83.3%	83.3% #BBB3E5	RGB 187 179 229	#BBB3E5
100.0%	100.0% #D1CBED	RGB 209 203 237	#D1CBED

#5E4CC1 #6F5EC8 #8071CF #9386D7 #A79CDE #BBB3E5 #D1CBED

#5E4CC1 - #9386D7 - #D1CBED

CSS codes

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

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