#5E4141 - #511A07 | 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 #5E4141 to #511A07

#5E4141 #511A07

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

#5E4141 - #511A07 | 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 #5E4141 as 0% and #511A07 as 100%.

0.0%	0.0% #5E4141	RGB 94 65 65	#5E4141
16.7%	16.7% #5B3A37	RGB 91 58 55	#5B3A37
33.3%	33.3% #59342D	RGB 89 52 45	#59342D
50.0%	50.0% #572D24	RGB 87 45 36	#572D24
66.7%	66.7% #55271A	RGB 85 39 26	#55271A
83.3%	83.3% #532010	RGB 83 32 16	#532010
100.0%	100.0% #511A07	RGB 81 26 7	#511A07

#5E4141 #5B3A37 #59342D #572D24 #55271A #532010 #511A07

#5E4141 - #511A07

HSV Blend

#5E4141 - #511A07 | 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 #5E4141 as 0% and #511A07 as 100%.

0.0%	0.0% #5E4141	RGB 94 65 65	#5E4141
16.7%	16.7% #5B3736	RGB 91 55 54	#5B3736
33.3%	33.3% #592F2B	RGB 89 47 43	#592F2B
50.0%	50.0% #572822	RGB 87 40 34	#572822
66.7%	66.7% #552218	RGB 85 34 24	#552218
83.3%	83.3% #531E0F	RGB 83 30 15	#531E0F
100.0%	100.0% #511A07	RGB 81 26 7	#511A07

#5E4141 #5B3736 #592F2B #572822 #552218 #531E0F #511A07

#5E4141 - #572822 - #511A07

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4141 0%, #572822 50%, #511A07 100%);
    background: -webkit-linear-gradient(top, #5E4141 0%, #572822 50%, #511A07 100%);
    background: linear-gradient(to bottom, #5E4141 0%, #572822 50%, #511A07 100%);
}
</style>