#5C3F3F - #C8886A | 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 #5C3F3F to #C8886A

#5C3F3F #C8886A

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

#5C3F3F - #C8886A | 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 #5C3F3F as 0% and #C8886A as 100%.

0.0%	0.0% #5C3F3F	RGB 92 63 63	#5C3F3F
16.7%	16.7% #6E4B46	RGB 110 75 70	#6E4B46
33.3%	33.3% #80574D	RGB 128 87 77	#80574D
50.0%	50.0% #926354	RGB 146 99 84	#926354
66.7%	66.7% #A46F5B	RGB 164 111 91	#A46F5B
83.3%	83.3% #B67B62	RGB 182 123 98	#B67B62
100.0%	100.0% #C8886A	RGB 200 136 106	#C8886A

#5C3F3F #6E4B46 #80574D #926354 #A46F5B #B67B62 #C8886A

#5C3F3F - #C8886A

HSV Blend

#5C3F3F - #C8886A | 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 #5C3F3F as 0% and #C8886A as 100%.

0.0%	0.0% #5C3F3F	RGB 92 63 63	#5C3F3F
16.7%	16.7% #6E4A48	RGB 110 74 72	#6E4A48
33.3%	33.3% #805651	RGB 128 86 81	#805651
50.0%	50.0% #926158	RGB 146 97 88	#926158
66.7%	66.7% #A46D5F	RGB 164 109 95	#A46D5F
83.3%	83.3% #B67A65	RGB 182 122 101	#B67A65
100.0%	100.0% #C8886A	RGB 200 136 106	#C8886A

#5C3F3F #6E4A48 #805651 #926158 #A46D5F #B67A65 #C8886A

#5C3F3F - #926158 - #C8886A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C3F3F 0%, #926158 50%, #C8886A 100%);
    background: -webkit-linear-gradient(top, #5C3F3F 0%, #926158 50%, #C8886A 100%);
    background: linear-gradient(to bottom, #5C3F3F 0%, #926158 50%, #C8886A 100%);
}
</style>