#4D2213 - #8C6D6D | 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 #4D2213 to #8C6D6D

#4D2213 #8C6D6D

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

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

0.0%	0.0% #4D2213	RGB 77 34 19	#4D2213
16.7%	16.7% #572E22	RGB 87 46 34	#572E22
33.3%	33.3% #623B31	RGB 98 59 49	#623B31
50.0%	50.0% #6C4740	RGB 108 71 64	#6C4740
66.7%	66.7% #77544F	RGB 119 84 79	#77544F
83.3%	83.3% #81605E	RGB 129 96 94	#81605E
100.0%	100.0% #8C6D6D	RGB 140 109 109	#8C6D6D

#4D2213 #572E22 #623B31 #6C4740 #77544F #81605E #8C6D6D

#4D2213 - #8C6D6D

HSV Blend

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

0.0%	0.0% #4D2213	RGB 77 34 19	#4D2213
16.7%	16.7% #57291D	RGB 87 41 29	#57291D
33.3%	33.3% #623329	RGB 98 51 41	#623329
50.0%	50.0% #6C3E37	RGB 108 62 55	#6C3E37
66.7%	66.7% #774B47	RGB 119 75 71	#774B47
83.3%	83.3% #815B59	RGB 129 91 89	#815B59
100.0%	100.0% #8C6D6D	RGB 140 109 109	#8C6D6D

#4D2213 #57291D #623329 #6C3E37 #774B47 #815B59 #8C6D6D

#4D2213 - #6C3E37 - #8C6D6D

CSS codes

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

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