#5E584D - #4A2F0B | 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 #5E584D to #4A2F0B

#5E584D #4A2F0B

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

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

0.0%	0.0% #5E584D	RGB 94 88 77	#5E584D
16.7%	16.7% #5A5142	RGB 90 81 66	#5A5142
33.3%	33.3% #574A37	RGB 87 74 55	#574A37
50.0%	50.0% #54432C	RGB 84 67 44	#54432C
66.7%	66.7% #503C20	RGB 80 60 32	#503C20
83.3%	83.3% #4D3516	RGB 77 53 22	#4D3516
100.0%	100.0% #4A2F0B	RGB 74 47 11	#4A2F0B

#5E584D #5A5142 #574A37 #54432C #503C20 #4D3516 #4A2F0B

#5E584D - #4A2F0B

HSV Blend

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

0.0%	0.0% #5E584D	RGB 94 88 77	#5E584D
16.7%	16.7% #5A5040	RGB 90 80 64	#5A5040
33.3%	33.3% #574934	RGB 87 73 52	#574934
50.0%	50.0% #544328	RGB 84 67 40	#544328
66.7%	66.7% #503C1E	RGB 80 60 30	#503C1E
83.3%	83.3% #4D3514	RGB 77 53 20	#4D3514
100.0%	100.0% #4A2F0B	RGB 74 47 11	#4A2F0B

#5E584D #5A5040 #574934 #544328 #503C1E #4D3514 #4A2F0B

#5E584D - #544328 - #4A2F0B

CSS codes

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

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