#5E4A53 - #520A1E | 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 #5E4A53 to #520A1E

#5E4A53 #520A1E

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

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

0.0%	0.0% #5E4A53	RGB 94 74 83	#5E4A53
16.7%	16.7% #5C3F4A	RGB 92 63 74	#5C3F4A
33.3%	33.3% #5A3441	RGB 90 52 65	#5A3441
50.0%	50.0% #582A38	RGB 88 42 56	#582A38
66.7%	66.7% #561F2F	RGB 86 31 47	#561F2F
83.3%	83.3% #541426	RGB 84 20 38	#541426
100.0%	100.0% #520A1E	RGB 82 10 30	#520A1E

#5E4A53 #5C3F4A #5A3441 #582A38 #561F2F #541426 #520A1E

#5E4A53 - #520A1E

HSV Blend

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

0.0%	0.0% #5E4A53	RGB 94 74 83	#5E4A53
16.7%	16.7% #5C3E4A	RGB 92 62 74	#5C3E4A
33.3%	33.3% #5A3242	RGB 90 50 66	#5A3242
50.0%	50.0% #582839	RGB 88 40 57	#582839
66.7%	66.7% #561D30	RGB 86 29 48	#561D30
83.3%	83.3% #541327	RGB 84 19 39	#541327
100.0%	100.0% #520A1E	RGB 82 10 30	#520A1E

#5E4A53 #5C3E4A #5A3242 #582839 #561D30 #541327 #520A1E

#5E4A53 - #582839 - #520A1E

CSS codes

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

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