#8D3F5E - #DEC8D1 | 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 #8D3F5E to #DEC8D1

#8D3F5E #DEC8D1

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

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

0.0%	0.0% #8D3F5E	RGB 141 63 94	#8D3F5E
16.7%	16.7% #9A5571	RGB 154 85 113	#9A5571
33.3%	33.3% #A86C84	RGB 168 108 132	#A86C84
50.0%	50.0% #B58397	RGB 181 131 151	#B58397
66.7%	66.7% #C39AAA	RGB 195 154 170	#C39AAA
83.3%	83.3% #D0B1BD	RGB 208 177 189	#D0B1BD
100.0%	100.0% #DEC8D1	RGB 222 200 209	#DEC8D1

#8D3F5E #9A5571 #A86C84 #B58397 #C39AAA #D0B1BD #DEC8D1

#8D3F5E - #DEC8D1

HSV Blend

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

0.0%	0.0% #8D3F5D	RGB 141 63 93	#8D3F5D
16.7%	16.7% #9A506E	RGB 154 80 110	#9A506E
33.3%	33.3% #A8647F	RGB 168 100 127	#A8647F
50.0%	50.0% #B57A92	RGB 181 122 146	#B57A92
66.7%	66.7% #C392A5	RGB 195 146 165	#C392A5
83.3%	83.3% #D0ACBA	RGB 208 172 186	#D0ACBA
100.0%	100.0% #DEC8D1	RGB 222 200 209	#DEC8D1

#8D3F5D #9A506E #A8647F #B57A92 #C392A5 #D0ACBA #DEC8D1

#8D3F5E - #B57A92 - #DEC8D1

CSS codes

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

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