#8C3E55 - #DEC7CD | 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 #8C3E55 to #DEC7CD

#8C3E55 #DEC7CD

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

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

0.0%	0.0% #8C3E55	RGB 140 62 85	#8C3E55
16.7%	16.7% #995469	RGB 153 84 105	#995469
33.3%	33.3% #A76B7D	RGB 167 107 125	#A76B7D
50.0%	50.0% #B58291	RGB 181 130 145	#B58291
66.7%	66.7% #C299A5	RGB 194 153 165	#C299A5
83.3%	83.3% #D0B0B9	RGB 208 176 185	#D0B0B9
100.0%	100.0% #DEC7CD	RGB 222 199 205	#DEC7CD

#8C3E55 #995469 #A76B7D #B58291 #C299A5 #D0B0B9 #DEC7CD

#8C3E55 - #DEC7CD

HSV Blend

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

0.0%	0.0% #8C3E54	RGB 140 62 84	#8C3E54
16.7%	16.7% #994F65	RGB 153 79 101	#994F65
33.3%	33.3% #A76376	RGB 167 99 118	#A76376
50.0%	50.0% #B57989	RGB 181 121 137	#B57989
66.7%	66.7% #C2919E	RGB 194 145 158	#C2919E
83.3%	83.3% #D0ABB4	RGB 208 171 180	#D0ABB4
100.0%	100.0% #DEC7CD	RGB 222 199 205	#DEC7CD

#8C3E54 #994F65 #A76376 #B57989 #C2919E #D0ABB4 #DEC7CD

#8C3E55 - #B57989 - #DEC7CD

CSS codes

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

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