#5E4D4D - #561F0A | 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 #561F0A

#5E4D4D #561F0A

Calculate the color between two colors, #5E4D4D and #561F0A. 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 - #561F0A | 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 #561F0A as 100%.

0.0%	0.0% #5E4D4D	RGB 94 77 77	#5E4D4D
16.7%	16.7% #5C4541	RGB 92 69 65	#5C4541
33.3%	33.3% #5B3D36	RGB 91 61 54	#5B3D36
50.0%	50.0% #5A362B	RGB 90 54 43	#5A362B
66.7%	66.7% #582E20	RGB 88 46 32	#582E20
83.3%	83.3% #572615	RGB 87 38 21	#572615
100.0%	100.0% #561F0A	RGB 86 31 10	#561F0A

#5E4D4D #5C4541 #5B3D36 #5A362B #582E20 #572615 #561F0A

#5E4D4D - #561F0A

HSV Blend

#5E4D4D - #561F0A | 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 #561F0A as 100%.

0.0%	0.0% #5E4D4D	RGB 94 77 77	#5E4D4D
16.7%	16.7% #5C4241	RGB 92 66 65	#5C4241
33.3%	33.3% #5B3835	RGB 91 56 53	#5B3835
50.0%	50.0% #5A302A	RGB 90 48 42	#5A302A
66.7%	66.7% #58291F	RGB 88 41 31	#58291F
83.3%	83.3% #572314	RGB 87 35 20	#572314
100.0%	100.0% #561F0A	RGB 86 31 10	#561F0A

#5E4D4D #5C4241 #5B3835 #5A302A #58291F #572314 #561F0A

#5E4D4D - #5A302A - #561F0A

CSS codes

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

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