#4D2313 - #8C6D6C | 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 #4D2313 to #8C6D6C

#4D2313 #8C6D6C

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

#4D2313 - #8C6D6C | 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 #4D2313 as 0% and #8C6D6C as 100%.

0.0%	0.0% #4D2313	RGB 77 35 19	#4D2313
16.7%	16.7% #572F21	RGB 87 47 33	#572F21
33.3%	33.3% #623B30	RGB 98 59 48	#623B30
50.0%	50.0% #6C483F	RGB 108 72 63	#6C483F
66.7%	66.7% #77544E	RGB 119 84 78	#77544E
83.3%	83.3% #81605D	RGB 129 96 93	#81605D
100.0%	100.0% #8C6D6C	RGB 140 109 108	#8C6D6C

#4D2313 #572F21 #623B30 #6C483F #77544E #81605D #8C6D6C

#4D2313 - #8C6D6C

HSV Blend

#4D2313 - #8C6D6C | 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 #4D2313 as 0% and #8C6D6C as 100%.

0.0%	0.0% #4D2313	RGB 77 35 19	#4D2313
16.7%	16.7% #572A1D	RGB 87 42 29	#572A1D
33.3%	33.3% #623429	RGB 98 52 41	#623429
50.0%	50.0% #6C3F37	RGB 108 63 55	#6C3F37
66.7%	66.7% #774C46	RGB 119 76 70	#774C46
83.3%	83.3% #815B58	RGB 129 91 88	#815B58
100.0%	100.0% #8C6D6C	RGB 140 109 108	#8C6D6C

#4D2313 #572A1D #623429 #6C3F37 #774C46 #815B58 #8C6D6C

#4D2313 - #6C3F37 - #8C6D6C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D2313 0%, #6C3F37 50%, #8C6D6C 100%);
    background: -webkit-linear-gradient(top, #4D2313 0%, #6C3F37 50%, #8C6D6C 100%);
    background: linear-gradient(to bottom, #4D2313 0%, #6C3F37 50%, #8C6D6C 100%);
}
</style>