#5E5DC6 - #D1D0EE | 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 #5E5DC6 to #D1D0EE

#5E5DC6 #D1D0EE

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

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

0.0%	0.0% #5E5DC6	RGB 94 93 198	#5E5DC6
16.7%	16.7% #7170CC	RGB 113 112 204	#7170CC
33.3%	33.3% #8483D3	RGB 132 131 211	#8483D3
50.0%	50.0% #9796DA	RGB 151 150 218	#9796DA
66.7%	66.7% #AAA9E0	RGB 170 169 224	#AAA9E0
83.3%	83.3% #BDBCE7	RGB 189 188 231	#BDBCE7
100.0%	100.0% #D1D0EE	RGB 209 208 238	#D1D0EE

#5E5DC6 #7170CC #8483D3 #9796DA #AAA9E0 #BDBCE7 #D1D0EE

#5E5DC6 - #D1D0EE

HSV Blend

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

0.0%	0.0% #5D5DC6	RGB 93 93 198	#5D5DC6
16.7%	16.7% #6F6DCC	RGB 111 109 204	#6F6DCC
33.3%	33.3% #817FD3	RGB 129 127 211	#817FD3
50.0%	50.0% #9392DA	RGB 147 146 218	#9392DA
66.7%	66.7% #A7A6E0	RGB 167 166 224	#A7A6E0
83.3%	83.3% #BBBAE7	RGB 187 186 231	#BBBAE7
100.0%	100.0% #D1D0EE	RGB 209 208 238	#D1D0EE

#5D5DC6 #6F6DCC #817FD3 #9392DA #A7A6E0 #BBBAE7 #D1D0EE

#5E5DC6 - #9392DA - #D1D0EE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5DC6 0%, #9392DA 50%, #D1D0EE 100%);
    background: -webkit-linear-gradient(top, #5D5DC6 0%, #9392DA 50%, #D1D0EE 100%);
    background: linear-gradient(to bottom, #5D5DC6 0%, #9392DA 50%, #D1D0EE 100%);
}
</style>