#5E4CBF - #D1CBEC | 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 #5E4CBF to #D1CBEC

#5E4CBF #D1CBEC

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

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

0.0%	0.0% #5E4CBF	RGB 94 76 191	#5E4CBF
16.7%	16.7% #7161C6	RGB 113 97 198	#7161C6
33.3%	33.3% #8476CE	RGB 132 118 206	#8476CE
50.0%	50.0% #978BD5	RGB 151 139 213	#978BD5
66.7%	66.7% #AAA0DD	RGB 170 160 221	#AAA0DD
83.3%	83.3% #BDB5E4	RGB 189 181 228	#BDB5E4
100.0%	100.0% #D1CBEC	RGB 209 203 236	#D1CBEC

#5E4CBF #7161C6 #8476CE #978BD5 #AAA0DD #BDB5E4 #D1CBEC

#5E4CBF - #D1CBEC

HSV Blend

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

0.0%	0.0% #5D4CBF	RGB 93 76 191	#5D4CBF
16.7%	16.7% #6F5EC6	RGB 111 94 198	#6F5EC6
33.3%	33.3% #8071CE	RGB 128 113 206	#8071CE
50.0%	50.0% #9386D5	RGB 147 134 213	#9386D5
66.7%	66.7% #A79CDD	RGB 167 156 221	#A79CDD
83.3%	83.3% #BBB2E4	RGB 187 178 228	#BBB2E4
100.0%	100.0% #D1CBEC	RGB 209 203 236	#D1CBEC

#5D4CBF #6F5EC6 #8071CE #9386D5 #A79CDD #BBB2E4 #D1CBEC

#5E4CBF - #9386D5 - #D1CBEC

CSS codes

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

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