#5E4D50 - #540B0A | 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 #5E4D50 to #540B0A

#5E4D50 #540B0A

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

#5E4D50 - #540B0A | 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 #5E4D50 as 0% and #540B0A as 100%.

0.0%	0.0% #5E4D50	RGB 94 77 80	#5E4D50
16.7%	16.7% #5C4244	RGB 92 66 68	#5C4244
33.3%	33.3% #5A3738	RGB 90 55 56	#5A3738
50.0%	50.0% #592C2D	RGB 89 44 45	#592C2D
66.7%	66.7% #572021	RGB 87 32 33	#572021
83.3%	83.3% #551615	RGB 85 22 21	#551615
100.0%	100.0% #540B0A	RGB 84 11 10	#540B0A

#5E4D50 #5C4244 #5A3738 #592C2D #572021 #551615 #540B0A

#5E4D50 - #540B0A

HSV Blend

#5E4D50 - #540B0A | 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 #5E4D50 as 0% and #540B0A as 100%.

0.0%	0.0% #5E4D50	RGB 94 77 80	#5E4D50
16.7%	16.7% #5C4044	RGB 92 64 68	#5C4044
33.3%	33.3% #5A3539	RGB 90 53 57	#5A3539
50.0%	50.0% #59292D	RGB 89 41 45	#59292D
66.7%	66.7% #571E21	RGB 87 30 33	#571E21
83.3%	83.3% #551415	RGB 85 20 21	#551415
100.0%	100.0% #540B0A	RGB 84 11 10	#540B0A

#5E4D50 #5C4044 #5A3539 #59292D #571E21 #551415 #540B0A

#5E4D50 - #59292D - #540B0A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4D50 0%, #59292D 50%, #540B0A 100%);
    background: -webkit-linear-gradient(top, #5E4D50 0%, #59292D 50%, #540B0A 100%);
    background: linear-gradient(to bottom, #5E4D50 0%, #59292D 50%, #540B0A 100%);
}
</style>