#5E5CB6 - #D1D0EA | 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 #5E5CB6 to #D1D0EA

#5E5CB6 #D1D0EA

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

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

0.0%	0.0% #5E5CB6	RGB 94 92 182	#5E5CB6
16.7%	16.7% #716FBE	RGB 113 111 190	#716FBE
33.3%	33.3% #8482C7	RGB 132 130 199	#8482C7
50.0%	50.0% #9796D0	RGB 151 150 208	#9796D0
66.7%	66.7% #AAA9D8	RGB 170 169 216	#AAA9D8
83.3%	83.3% #BDBCE1	RGB 189 188 225	#BDBCE1
100.0%	100.0% #D1D0EA	RGB 209 208 234	#D1D0EA

#5E5CB6 #716FBE #8482C7 #9796D0 #AAA9D8 #BDBCE1 #D1D0EA

#5E5CB6 - #D1D0EA

HSV Blend

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

0.0%	0.0% #5D5CB6	RGB 93 92 182	#5D5CB6
16.7%	16.7% #6E6CBE	RGB 110 108 190	#6E6CBE
33.3%	33.3% #807EC7	RGB 128 126 199	#807EC7
50.0%	50.0% #9291D0	RGB 146 145 208	#9291D0
66.7%	66.7% #A6A4D8	RGB 166 164 216	#A6A4D8
83.3%	83.3% #BBB9E1	RGB 187 185 225	#BBB9E1
100.0%	100.0% #D1D0EA	RGB 209 208 234	#D1D0EA

#5D5CB6 #6E6CBE #807EC7 #9291D0 #A6A4D8 #BBB9E1 #D1D0EA

#5E5CB6 - #9291D0 - #D1D0EA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5CB6 0%, #9291D0 50%, #D1D0EA 100%);
    background: -webkit-linear-gradient(top, #5D5CB6 0%, #9291D0 50%, #D1D0EA 100%);
    background: linear-gradient(to bottom, #5D5CB6 0%, #9291D0 50%, #D1D0EA 100%);
}
</style>