#5E5D85 - #D1D0DC | 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 #5E5D85 to #D1D0DC

#5E5D85 #D1D0DC

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

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

0.0%	0.0% #5E5D85	RGB 94 93 133	#5E5D85
16.7%	16.7% #717093	RGB 113 112 147	#717093
33.3%	33.3% #8483A2	RGB 132 131 162	#8483A2
50.0%	50.0% #9796B0	RGB 151 150 176	#9796B0
66.7%	66.7% #AAA9BF	RGB 170 169 191	#AAA9BF
83.3%	83.3% #BDBCCD	RGB 189 188 205	#BDBCCD
100.0%	100.0% #D1D0DC	RGB 209 208 220	#D1D0DC

#5E5D85 #717093 #8483A2 #9796B0 #AAA9BF #BDBCCD #D1D0DC

#5E5D85 - #D1D0DC

HSV Blend

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

0.0%	0.0% #5E5D85	RGB 94 93 133	#5E5D85
16.7%	16.7% #6E6D93	RGB 110 109 147	#6E6D93
33.3%	33.3% #807EA2	RGB 128 126 162	#807EA2
50.0%	50.0% #9291B0	RGB 146 145 176	#9291B0
66.7%	66.7% #A6A4BF	RGB 166 164 191	#A6A4BF
83.3%	83.3% #BBB9CD	RGB 187 185 205	#BBB9CD
100.0%	100.0% #D1D0DC	RGB 209 208 220	#D1D0DC

#5E5D85 #6E6D93 #807EA2 #9291B0 #A6A4BF #BBB9CD #D1D0DC

#5E5D85 - #9291B0 - #D1D0DC

CSS codes

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

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