#5E4A4D - #520B0A | 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 #5E4A4D to #520B0A

#5E4A4D #520B0A

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

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

0.0%	0.0% #5E4A4D	RGB 94 74 77	#5E4A4D
16.7%	16.7% #5C3F41	RGB 92 63 65	#5C3F41
33.3%	33.3% #5A3536	RGB 90 53 54	#5A3536
50.0%	50.0% #582A2B	RGB 88 42 43	#582A2B
66.7%	66.7% #562020	RGB 86 32 32	#562020
83.3%	83.3% #541515	RGB 84 21 21	#541515
100.0%	100.0% #520B0A	RGB 82 11 10	#520B0A

#5E4A4D #5C3F41 #5A3536 #582A2B #562020 #541515 #520B0A

#5E4A4D - #520B0A

HSV Blend

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

0.0%	0.0% #5E4A4D	RGB 94 74 77	#5E4A4D
16.7%	16.7% #5C3E41	RGB 92 62 65	#5C3E41
33.3%	33.3% #5A3236	RGB 90 50 54	#5A3236
50.0%	50.0% #58282B	RGB 88 40 43	#58282B
66.7%	66.7% #561D1F	RGB 86 29 31	#561D1F
83.3%	83.3% #541314	RGB 84 19 20	#541314
100.0%	100.0% #520B0A	RGB 82 11 10	#520B0A

#5E4A4D #5C3E41 #5A3236 #58282B #561D1F #541314 #520B0A

#5E4A4D - #58282B - #520B0A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4A4D 0%, #58282B 50%, #520B0A 100%);
    background: -webkit-linear-gradient(top, #5E4A4D 0%, #58282B 50%, #520B0A 100%);
    background: linear-gradient(to bottom, #5E4A4D 0%, #58282B 50%, #520B0A 100%);
}
</style>