#8C537B - #DECDD9 | 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 #8C537B to #DECDD9

#8C537B #DECDD9

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

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

0.0%	0.0% #8C537B	RGB 140 83 123	#8C537B
16.7%	16.7% #99678A	RGB 153 103 138	#99678A
33.3%	33.3% #A77B9A	RGB 167 123 154	#A77B9A
50.0%	50.0% #B590AA	RGB 181 144 170	#B590AA
66.7%	66.7% #C2A4B9	RGB 194 164 185	#C2A4B9
83.3%	83.3% #D0B8C9	RGB 208 184 201	#D0B8C9
100.0%	100.0% #DECDD9	RGB 222 205 217	#DECDD9

#8C537B #99678A #A77B9A #B590AA #C2A4B9 #D0B8C9 #DECDD9

#8C537B - #DECDD9

HSV Blend

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

0.0%	0.0% #8C537B	RGB 140 83 123	#8C537B
16.7%	16.7% #996389	RGB 153 99 137	#996389
33.3%	33.3% #A77598	RGB 167 117 152	#A77598
50.0%	50.0% #B589A8	RGB 181 137 168	#B589A8
66.7%	66.7% #C29EB7	RGB 194 158 183	#C29EB7
83.3%	83.3% #D0B4C8	RGB 208 180 200	#D0B4C8
100.0%	100.0% #DECDD9	RGB 222 205 217	#DECDD9

#8C537B #996389 #A77598 #B589A8 #C29EB7 #D0B4C8 #DECDD9

#8C537B - #B589A8 - #DECDD9

CSS codes

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

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