#5E4B9D - #D1CBE3 | 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 #5E4B9D to #D1CBE3

#5E4B9D #D1CBE3

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

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

0.0%	0.0% #5E4B9D	RGB 94 75 157	#5E4B9D
16.7%	16.7% #7160A8	RGB 113 96 168	#7160A8
33.3%	33.3% #8475B4	RGB 132 117 180	#8475B4
50.0%	50.0% #978BC0	RGB 151 139 192	#978BC0
66.7%	66.7% #AAA0CB	RGB 170 160 203	#AAA0CB
83.3%	83.3% #BDB5D7	RGB 189 181 215	#BDB5D7
100.0%	100.0% #D1CBE3	RGB 209 203 227	#D1CBE3

#5E4B9D #7160A8 #8475B4 #978BC0 #AAA0CB #BDB5D7 #D1CBE3

#5E4B9D - #D1CBE3

HSV Blend

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

0.0%	0.0% #5D4B9D	RGB 93 75 157	#5D4B9D
16.7%	16.7% #6E5CA8	RGB 110 92 168	#6E5CA8
33.3%	33.3% #7F6FB4	RGB 127 111 180	#7F6FB4
50.0%	50.0% #9283C0	RGB 146 131 192	#9283C0
66.7%	66.7% #A699CB	RGB 166 153 203	#A699CB
83.3%	83.3% #BAB1D7	RGB 186 177 215	#BAB1D7
100.0%	100.0% #D1CBE3	RGB 209 203 227	#D1CBE3

#5D4B9D #6E5CA8 #7F6FB4 #9283C0 #A699CB #BAB1D7 #D1CBE3

#5E4B9D - #9283C0 - #D1CBE3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D4B9D 0%, #9283C0 50%, #D1CBE3 100%);
    background: -webkit-linear-gradient(top, #5D4B9D 0%, #9283C0 50%, #D1CBE3 100%);
    background: linear-gradient(to bottom, #5D4B9D 0%, #9283C0 50%, #D1CBE3 100%);
}
</style>