#8C3E55 - #DEC7CE | 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 #DEC7CE

#8C3E55 #DEC7CE

Calculate the color between two colors, #8C3E55 and #DEC7CE. 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 - #DEC7CE | 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 #DEC7CE 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% #DEC7CE	RGB 222 199 206	#DEC7CE

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

#8C3E55 - #DEC7CE

HSV Blend

#8C3E55 - #DEC7CE | 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 #DEC7CE 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% #A76377	RGB 167 99 119	#A76377
50.0%	50.0% #B5798B	RGB 181 121 139	#B5798B
66.7%	66.7% #C291A0	RGB 194 145 160	#C291A0
83.3%	83.3% #D0ABB6	RGB 208 171 182	#D0ABB6
100.0%	100.0% #DEC7CE	RGB 222 199 206	#DEC7CE

#8C3E54 #994F65 #A76377 #B5798B #C291A0 #D0ABB6 #DEC7CE

#8C3E55 - #B5798B - #DEC7CE

CSS codes

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

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