#5E5A54 - #4D2F0D | 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 #5E5A54 to #4D2F0D

#5E5A54 #4D2F0D

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

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

0.0%	0.0% #5E5A54	RGB 94 90 84	#5E5A54
16.7%	16.7% #5B5248	RGB 91 82 72	#5B5248
33.3%	33.3% #584B3C	RGB 88 75 60	#584B3C
50.0%	50.0% #554430	RGB 85 68 48	#554430
66.7%	66.7% #523D24	RGB 82 61 36	#523D24
83.3%	83.3% #4F3618	RGB 79 54 24	#4F3618
100.0%	100.0% #4D2F0D	RGB 77 47 13	#4D2F0D

#5E5A54 #5B5248 #584B3C #554430 #523D24 #4F3618 #4D2F0D

#5E5A54 - #4D2F0D

HSV Blend

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

0.0%	0.0% #5E5A54	RGB 94 90 84	#5E5A54
16.7%	16.7% #5B5246	RGB 91 82 70	#5B5246
33.3%	33.3% #584B39	RGB 88 75 57	#584B39
50.0%	50.0% #55442D	RGB 85 68 45	#55442D
66.7%	66.7% #523C21	RGB 82 60 33	#523C21
83.3%	83.3% #4F3517	RGB 79 53 23	#4F3517
100.0%	100.0% #4D2F0D	RGB 77 47 13	#4D2F0D

#5E5A54 #5B5246 #584B39 #55442D #523C21 #4F3517 #4D2F0D

#5E5A54 - #55442D - #4D2F0D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5A54 0%, #55442D 50%, #4D2F0D 100%);
    background: -webkit-linear-gradient(top, #5E5A54 0%, #55442D 50%, #4D2F0D 100%);
    background: linear-gradient(to bottom, #5E5A54 0%, #55442D 50%, #4D2F0D 100%);
}
</style>