#8C5E66 - #DED1D3 | 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 #8C5E66 to #DED1D3

#8C5E66 #DED1D3

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

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

0.0%	0.0% #8C5E66	RGB 140 94 102	#8C5E66
16.7%	16.7% #997178	RGB 153 113 120	#997178
33.3%	33.3% #A7848A	RGB 167 132 138	#A7848A
50.0%	50.0% #B5979C	RGB 181 151 156	#B5979C
66.7%	66.7% #C2AAAE	RGB 194 170 174	#C2AAAE
83.3%	83.3% #D0BDC0	RGB 208 189 192	#D0BDC0
100.0%	100.0% #DED1D3	RGB 222 209 211	#DED1D3

#8C5E66 #997178 #A7848A #B5979C #C2AAAE #D0BDC0 #DED1D3

#8C5E66 - #DED1D3

HSV Blend

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

0.0%	0.0% #8C5E66	RGB 140 94 102	#8C5E66
16.7%	16.7% #996E75	RGB 153 110 117	#996E75
33.3%	33.3% #A77F86	RGB 167 127 134	#A77F86
50.0%	50.0% #B59197	RGB 181 145 151	#B59197
66.7%	66.7% #C2A5AA	RGB 194 165 170	#C2A5AA
83.3%	83.3% #D0BABE	RGB 208 186 190	#D0BABE
100.0%	100.0% #DED1D3	RGB 222 209 211	#DED1D3

#8C5E66 #996E75 #A77F86 #B59197 #C2A5AA #D0BABE #DED1D3

#8C5E66 - #B59197 - #DED1D3

CSS codes

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

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