#5E4D4D - #511009 | 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 #5E4D4D to #511009

#5E4D4D #511009

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

#5E4D4D - #511009 | 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 #5E4D4D as 0% and #511009 as 100%.

0.0%	0.0% #5E4D4D	RGB 94 77 77	#5E4D4D
16.7%	16.7% #5B4241	RGB 91 66 65	#5B4241
33.3%	33.3% #593836	RGB 89 56 54	#593836
50.0%	50.0% #572E2B	RGB 87 46 43	#572E2B
66.7%	66.7% #55241F	RGB 85 36 31	#55241F
83.3%	83.3% #531A14	RGB 83 26 20	#531A14
100.0%	100.0% #511009	RGB 81 16 9	#511009

#5E4D4D #5B4241 #593836 #572E2B #55241F #531A14 #511009

#5E4D4D - #511009

HSV Blend

#5E4D4D - #511009 | 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 #5E4D4D as 0% and #511009 as 100%.

0.0%	0.0% #5E4D4D	RGB 94 77 77	#5E4D4D
16.7%	16.7% #5B4040	RGB 91 64 64	#5B4040
33.3%	33.3% #593534	RGB 89 53 52	#593534
50.0%	50.0% #572A28	RGB 87 42 40	#572A28
66.7%	66.7% #55211D	RGB 85 33 29	#55211D
83.3%	83.3% #531813	RGB 83 24 19	#531813
100.0%	100.0% #511009	RGB 81 16 9	#511009

#5E4D4D #5B4040 #593534 #572A28 #55211D #531813 #511009

#5E4D4D - #572A28 - #511009

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4D4D 0%, #572A28 50%, #511009 100%);
    background: -webkit-linear-gradient(top, #5E4D4D 0%, #572A28 50%, #511009 100%);
    background: linear-gradient(to bottom, #5E4D4D 0%, #572A28 50%, #511009 100%);
}
</style>