#5E434A - #520609 | 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 #5E434A to #520609

#5E434A #520609

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

#5E434A - #520609 | 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 #5E434A as 0% and #520609 as 100%.

0.0%	0.0% #5E434A	RGB 94 67 74	#5E434A
16.7%	16.7% #5C383F	RGB 92 56 63	#5C383F
33.3%	33.3% #5A2E34	RGB 90 46 52	#5A2E34
50.0%	50.0% #582429	RGB 88 36 41	#582429
66.7%	66.7% #561A1E	RGB 86 26 30	#561A1E
83.3%	83.3% #541013	RGB 84 16 19	#541013
100.0%	100.0% #520609	RGB 82 6 9	#520609

#5E434A #5C383F #5A2E34 #582429 #561A1E #541013 #520609

#5E434A - #520609

HSV Blend

#5E434A - #520609 | 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 #5E434A as 0% and #520609 as 100%.

0.0%	0.0% #5E434A	RGB 94 67 74	#5E434A
16.7%	16.7% #5C373F	RGB 92 55 63	#5C373F
33.3%	33.3% #5A2C35	RGB 90 44 53	#5A2C35
50.0%	50.0% #58222A	RGB 88 34 42	#58222A
66.7%	66.7% #56181F	RGB 86 24 31	#56181F
83.3%	83.3% #540F14	RGB 84 15 20	#540F14
100.0%	100.0% #520609	RGB 82 6 9	#520609

#5E434A #5C373F #5A2C35 #58222A #56181F #540F14 #520609

#5E434A - #58222A - #520609

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E434A 0%, #58222A 50%, #520609 100%);
    background: -webkit-linear-gradient(top, #5E434A 0%, #58222A 50%, #520609 100%);
    background: linear-gradient(to bottom, #5E434A 0%, #58222A 50%, #520609 100%);
}
</style>