#5E557C - #D1CED9 | 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 #5E557C to #D1CED9

#5E557C #D1CED9

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

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

0.0%	0.0% #5E557C	RGB 94 85 124	#5E557C
16.7%	16.7% #71698B	RGB 113 105 139	#71698B
33.3%	33.3% #847D9B	RGB 132 125 155	#847D9B
50.0%	50.0% #9791AA	RGB 151 145 170	#9791AA
66.7%	66.7% #AAA5BA	RGB 170 165 186	#AAA5BA
83.3%	83.3% #BDB9C9	RGB 189 185 201	#BDB9C9
100.0%	100.0% #D1CED9	RGB 209 206 217	#D1CED9

#5E557C #71698B #847D9B #9791AA #AAA5BA #BDB9C9 #D1CED9

#5E557C - #D1CED9

HSV Blend

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

0.0%	0.0% #5E557C	RGB 94 85 124	#5E557C
16.7%	16.7% #6E658B	RGB 110 101 139	#6E658B
33.3%	33.3% #80779B	RGB 128 119 155	#80779B
50.0%	50.0% #938BAA	RGB 147 139 170	#938BAA
66.7%	66.7% #A6A0BA	RGB 166 160 186	#A6A0BA
83.3%	83.3% #BBB6C9	RGB 187 182 201	#BBB6C9
100.0%	100.0% #D1CED9	RGB 209 206 217	#D1CED9

#5E557C #6E658B #80779B #938BAA #A6A0BA #BBB6C9 #D1CED9

#5E557C - #938BAA - #D1CED9

CSS codes

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

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