#8D4341 - #DEC8C8 | 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 #8D4341 to #DEC8C8

#8D4341 #DEC8C8

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

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

0.0%	0.0% #8D4341	RGB 141 67 65	#8D4341
16.7%	16.7% #9A5957	RGB 154 89 87	#9A5957
33.3%	33.3% #A86F6E	RGB 168 111 110	#A86F6E
50.0%	50.0% #B58584	RGB 181 133 132	#B58584
66.7%	66.7% #C39B9B	RGB 195 155 155	#C39B9B
83.3%	83.3% #D0B1B1	RGB 208 177 177	#D0B1B1
100.0%	100.0% #DEC8C8	RGB 222 200 200	#DEC8C8

#8D4341 #9A5957 #A86F6E #B58584 #C39B9B #D0B1B1 #DEC8C8

#8D4341 - #DEC8C8

HSV Blend

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

0.0%	0.0% #8D4341	RGB 141 67 65	#8D4341
16.7%	16.7% #9A5452	RGB 154 84 82	#9A5452
33.3%	33.3% #A86766	RGB 168 103 102	#A86766
50.0%	50.0% #B57C7B	RGB 181 124 123	#B57C7B
66.7%	66.7% #C39393	RGB 195 147 147	#C39393
83.3%	83.3% #D0ACAC	RGB 208 172 172	#D0ACAC
100.0%	100.0% #DEC8C8	RGB 222 200 200	#DEC8C8

#8D4341 #9A5452 #A86766 #B57C7B #C39393 #D0ACAC #DEC8C8

#8D4341 - #B57C7B - #DEC8C8

CSS codes

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

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