#8C7479 - #5A2F2D | 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 #8C7479 to #5A2F2D

#8C7479 #5A2F2D

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

#8C7479 - #5A2F2D | 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 #8C7479 as 0% and #5A2F2D as 100%.

0.0%	0.0% #8C7479	RGB 140 116 121	#8C7479
16.7%	16.7% #83686C	RGB 131 104 108	#83686C
33.3%	33.3% #7B5D5F	RGB 123 93 95	#7B5D5F
50.0%	50.0% #735153	RGB 115 81 83	#735153
66.7%	66.7% #6A4646	RGB 106 70 70	#6A4646
83.3%	83.3% #623A39	RGB 98 58 57	#623A39
100.0%	100.0% #5A2F2D	RGB 90 47 45	#5A2F2D

#8C7479 #83686C #7B5D5F #735153 #6A4646 #623A39 #5A2F2D

#8C7479 - #5A2F2D

HSV Blend

#8C7479 - #5A2F2D | 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 #8C7479 as 0% and #5A2F2D as 100%.

0.0%	0.0% #8C7479	RGB 140 116 121	#8C7479
16.7%	16.7% #83656A	RGB 131 101 106	#83656A
33.3%	33.3% #7B585C	RGB 123 88 92	#7B585C
50.0%	50.0% #734C4F	RGB 115 76 79	#734C4F
66.7%	66.7% #6A4142	RGB 106 65 66	#6A4142
83.3%	83.3% #623636	RGB 98 54 54	#623636
100.0%	100.0% #5A2F2D	RGB 90 47 45	#5A2F2D

#8C7479 #83656A #7B585C #734C4F #6A4142 #623636 #5A2F2D

#8C7479 - #734C4F - #5A2F2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C7479 0%, #734C4F 50%, #5A2F2D 100%);
    background: -webkit-linear-gradient(top, #8C7479 0%, #734C4F 50%, #5A2F2D 100%);
    background: linear-gradient(to bottom, #8C7479 0%, #734C4F 50%, #5A2F2D 100%);
}
</style>