#8C6B7C - #DED4D9 | 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 #8C6B7C to #DED4D9

#8C6B7C #DED4D9

Calculate the color between two colors, #8C6B7C and #DED4D9. 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)

#8C6B7C - #DED4D9 | 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 #8C6B7C as 0% and #DED4D9 as 100%.

0.0%	0.0% #8C6B7C	RGB 140 107 124	#8C6B7C
16.7%	16.7% #997C8B	RGB 153 124 139	#997C8B
33.3%	33.3% #A78E9B	RGB 167 142 155	#A78E9B
50.0%	50.0% #B59FAA	RGB 181 159 170	#B59FAA
66.7%	66.7% #C2B1BA	RGB 194 177 186	#C2B1BA
83.3%	83.3% #D0C2C9	RGB 208 194 201	#D0C2C9
100.0%	100.0% #DED4D9	RGB 222 212 217	#DED4D9

#8C6B7C #997C8B #A78E9B #B59FAA #C2B1BA #D0C2C9 #DED4D9

#8C6B7C - #DED4D9

HSV Blend

#8C6B7C - #DED4D9 | 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 #8C6B7C as 0% and #DED4D9 as 100%.

0.0%	0.0% #8C6B7C	RGB 140 107 124	#8C6B7C
16.7%	16.7% #997A8A	RGB 153 122 138	#997A8A
33.3%	33.3% #A78A99	RGB 167 138 153	#A78A99
50.0%	50.0% #B59BA8	RGB 181 155 168	#B59BA8
66.7%	66.7% #C2ADB8	RGB 194 173 184	#C2ADB8
83.3%	83.3% #D0C0C8	RGB 208 192 200	#D0C0C8
100.0%	100.0% #DED4D9	RGB 222 212 217	#DED4D9

#8C6B7C #997A8A #A78A99 #B59BA8 #C2ADB8 #D0C0C8 #DED4D9

#8C6B7C - #B59BA8 - #DED4D9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C6B7C 0%, #B59BA8 50%, #DED4D9 100%);
    background: -webkit-linear-gradient(top, #8C6B7C 0%, #B59BA8 50%, #DED4D9 100%);
    background: linear-gradient(to bottom, #8C6B7C 0%, #B59BA8 50%, #DED4D9 100%);
}
</style>