#5E5B55 - #4C310E | 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 #5E5B55 to #4C310E

#5E5B55 #4C310E

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

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

0.0%	0.0% #5E5B55	RGB 94 91 85	#5E5B55
16.7%	16.7% #5B5449	RGB 91 84 73	#5B5449
33.3%	33.3% #584D3D	RGB 88 77 61	#584D3D
50.0%	50.0% #554631	RGB 85 70 49	#554631
66.7%	66.7% #523F25	RGB 82 63 37	#523F25
83.3%	83.3% #4F3819	RGB 79 56 25	#4F3819
100.0%	100.0% #4C310E	RGB 76 49 14	#4C310E

#5E5B55 #5B5449 #584D3D #554631 #523F25 #4F3819 #4C310E

#5E5B55 - #4C310E

HSV Blend

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

0.0%	0.0% #5E5B55	RGB 94 91 85	#5E5B55
16.7%	16.7% #5B5447	RGB 91 84 71	#5B5447
33.3%	33.3% #584D3A	RGB 88 77 58	#584D3A
50.0%	50.0% #55462E	RGB 85 70 46	#55462E
66.7%	66.7% #523F22	RGB 82 63 34	#523F22
83.3%	83.3% #4F3718	RGB 79 55 24	#4F3718
100.0%	100.0% #4C310E	RGB 76 49 14	#4C310E

#5E5B55 #5B5447 #584D3A #55462E #523F22 #4F3718 #4C310E

#5E5B55 - #55462E - #4C310E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5B55 0%, #55462E 50%, #4C310E 100%);
    background: -webkit-linear-gradient(top, #5E5B55 0%, #55462E 50%, #4C310E 100%);
    background: linear-gradient(to bottom, #5E5B55 0%, #55462E 50%, #4C310E 100%);
}
</style>