#3C3E3C - #8B8360 | 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 #3C3E3C to #8B8360

#3C3E3C #8B8360

Calculate the color between two colors, #3C3E3C and #8B8360. 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)

#3C3E3C - #8B8360 | 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 #3C3E3C as 0% and #8B8360 as 100%.

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #494942	RGB 73 73 66	#494942
33.3%	33.3% #565548	RGB 86 85 72	#565548
50.0%	50.0% #63604E	RGB 99 96 78	#63604E
66.7%	66.7% #706C54	RGB 112 108 84	#706C54
83.3%	83.3% #7D775A	RGB 125 119 90	#7D775A
100.0%	100.0% #8B8360	RGB 139 131 96	#8B8360

#3C3E3C #494942 #565548 #63604E #706C54 #7D775A #8B8360

#3C3E3C - #8B8360

HSV Blend

#3C3E3C - #8B8360 | 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 #3C3E3C as 0% and #8B8360 as 100%.

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #464A44	RGB 70 74 68	#464A44
33.3%	33.3% #51574C	RGB 81 87 76	#51574C
50.0%	50.0% #5D6453	RGB 93 100 83	#5D6453
66.7%	66.7% #6C7158	RGB 108 113 88	#6C7158
83.3%	83.3% #7D7E5C	RGB 125 126 92	#7D7E5C
100.0%	100.0% #8B8360	RGB 139 131 96	#8B8360

#3C3E3C #464A44 #51574C #5D6453 #6C7158 #7D7E5C #8B8360

#3C3E3C - #5D6453 - #8B8360

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3E3C 0%, #5D6453 50%, #8B8360 100%);
    background: -webkit-linear-gradient(top, #3C3E3C 0%, #5D6453 50%, #8B8360 100%);
    background: linear-gradient(to bottom, #3C3E3C 0%, #5D6453 50%, #8B8360 100%);
}
</style>