#5E5575 - #D1CED7 | 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 #5E5575 to #D1CED7

#5E5575 #D1CED7

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

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

0.0%	0.0% #5E5575	RGB 94 85 117	#5E5575
16.7%	16.7% #716985	RGB 113 105 133	#716985
33.3%	33.3% #847D95	RGB 132 125 149	#847D95
50.0%	50.0% #9791A6	RGB 151 145 166	#9791A6
66.7%	66.7% #AAA5B6	RGB 170 165 182	#AAA5B6
83.3%	83.3% #BDB9C6	RGB 189 185 198	#BDB9C6
100.0%	100.0% #D1CED7	RGB 209 206 215	#D1CED7

#5E5575 #716985 #847D95 #9791A6 #AAA5B6 #BDB9C6 #D1CED7

#5E5575 - #D1CED7

HSV Blend

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

0.0%	0.0% #5D5575	RGB 93 85 117	#5D5575
16.7%	16.7% #6F6685	RGB 111 102 133	#6F6685
33.3%	33.3% #817895	RGB 129 120 149	#817895
50.0%	50.0% #938BA6	RGB 147 139 166	#938BA6
66.7%	66.7% #A7A0B6	RGB 167 160 182	#A7A0B6
83.3%	83.3% #BBB6C6	RGB 187 182 198	#BBB6C6
100.0%	100.0% #D1CED7	RGB 209 206 215	#D1CED7

#5D5575 #6F6685 #817895 #938BA6 #A7A0B6 #BBB6C6 #D1CED7

#5E5575 - #938BA6 - #D1CED7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5575 0%, #938BA6 50%, #D1CED7 100%);
    background: -webkit-linear-gradient(top, #5D5575 0%, #938BA6 50%, #D1CED7 100%);
    background: linear-gradient(to bottom, #5D5575 0%, #938BA6 50%, #D1CED7 100%);
}
</style>