#8C726C - #28201E | 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 #8C726C to #28201E

#8C726C #28201E

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

#8C726C - #28201E | 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 #8C726C as 0% and #28201E as 100%.

0.0%	0.0% #8C726C	RGB 140 114 108	#8C726C
16.7%	16.7% #7B645F	RGB 123 100 95	#7B645F
33.3%	33.3% #6A5652	RGB 106 86 82	#6A5652
50.0%	50.0% #5A4945	RGB 90 73 69	#5A4945
66.7%	66.7% #493B38	RGB 73 59 56	#493B38
83.3%	83.3% #382D2B	RGB 56 45 43	#382D2B
100.0%	100.0% #28201E	RGB 40 32 30	#28201E

#8C726C #7B645F #6A5652 #5A4945 #493B38 #382D2B #28201E

#8C726C - #28201E

HSV Blend

#8C726C - #28201E | 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 #8C726C as 0% and #28201E as 100%.

0.0%	0.0% #8C726C	RGB 140 114 108	#8C726C
16.7%	16.7% #7B645E	RGB 123 100 94	#7B645E
33.3%	33.3% #6A5651	RGB 106 86 81	#6A5651
50.0%	50.0% #5A4844	RGB 90 72 68	#5A4844
66.7%	66.7% #493B37	RGB 73 59 55	#493B37
83.3%	83.3% #382D2A	RGB 56 45 42	#382D2A
100.0%	100.0% #28201E	RGB 40 32 30	#28201E

#8C726C #7B645E #6A5651 #5A4844 #493B37 #382D2A #28201E

#8C726C - #5A4844 - #28201E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C726C 0%, #5A4844 50%, #28201E 100%);
    background: -webkit-linear-gradient(top, #8C726C 0%, #5A4844 50%, #28201E 100%);
    background: linear-gradient(to bottom, #8C726C 0%, #5A4844 50%, #28201E 100%);
}
</style>