#5E5D52 - #4F510C | 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 #5E5D52 to #4F510C

#5E5D52 #4F510C

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

#5E5D52 - #4F510C | 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 #5E5D52 as 0% and #4F510C as 100%.

0.0%	0.0% #5E5D52	RGB 94 93 82	#5E5D52
16.7%	16.7% #5B5B46	RGB 91 91 70	#5B5B46
33.3%	33.3% #59593A	RGB 89 89 58	#59593A
50.0%	50.0% #56572F	RGB 86 87 47	#56572F
66.7%	66.7% #545523	RGB 84 85 35	#545523
83.3%	83.3% #515317	RGB 81 83 23	#515317
100.0%	100.0% #4F510C	RGB 79 81 12	#4F510C

#5E5D52 #5B5B46 #59593A #56572F #545523 #515317 #4F510C

#5E5D52 - #4F510C

HSV Blend

#5E5D52 - #4F510C | 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 #5E5D52 as 0% and #4F510C as 100%.

0.0%	0.0% #5E5D52	RGB 94 93 82	#5E5D52
16.7%	16.7% #5B5A45	RGB 91 90 69	#5B5A45
33.3%	33.3% #595838	RGB 89 88 56	#595838
50.0%	50.0% #57562C	RGB 87 86 44	#57562C
66.7%	66.7% #555421	RGB 85 84 33	#555421
83.3%	83.3% #525316	RGB 82 83 22	#525316
100.0%	100.0% #4F510C	RGB 79 81 12	#4F510C

#5E5D52 #5B5A45 #595838 #57562C #555421 #525316 #4F510C

#5E5D52 - #57562C - #4F510C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5D52 0%, #57562C 50%, #4F510C 100%);
    background: -webkit-linear-gradient(top, #5E5D52 0%, #57562C 50%, #4F510C 100%);
    background: linear-gradient(to bottom, #5E5D52 0%, #57562C 50%, #4F510C 100%);
}
</style>