#6D5E5A - #5C2B11 | 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 #6D5E5A to #5C2B11

#6D5E5A #5C2B11

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

#6D5E5A - #5C2B11 | 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 #6D5E5A as 0% and #5C2B11 as 100%.

0.0%	0.0% #6D5E5A	RGB 109 94 90	#6D5E5A
16.7%	16.7% #6A554D	RGB 106 85 77	#6A554D
33.3%	33.3% #674D41	RGB 103 77 65	#674D41
50.0%	50.0% #644435	RGB 100 68 53	#644435
66.7%	66.7% #613C29	RGB 97 60 41	#613C29
83.3%	83.3% #5E331D	RGB 94 51 29	#5E331D
100.0%	100.0% #5C2B11	RGB 92 43 17	#5C2B11

#6D5E5A #6A554D #674D41 #644435 #613C29 #5E331D #5C2B11

#6D5E5A - #5C2B11

HSV Blend

#6D5E5A - #5C2B11 | 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 #6D5E5A as 0% and #5C2B11 as 100%.

0.0%	0.0% #6D5E5A	RGB 109 94 90	#6D5E5A
16.7%	16.7% #6A534C	RGB 106 83 76	#6A534C
33.3%	33.3% #67493F	RGB 103 73 63	#67493F
50.0%	50.0% #644032	RGB 100 64 50	#644032
66.7%	66.7% #613826	RGB 97 56 38	#613826
83.3%	83.3% #5E311B	RGB 94 49 27	#5E311B
100.0%	100.0% #5C2B11	RGB 92 43 17	#5C2B11

#6D5E5A #6A534C #67493F #644032 #613826 #5E311B #5C2B11

#6D5E5A - #644032 - #5C2B11

CSS codes

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

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