#5E4E4F - #4D0911 | 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 #5E4E4F to #4D0911

#5E4E4F #4D0911

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

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

0.0%	0.0% #5E4E4F	RGB 94 78 79	#5E4E4F
16.7%	16.7% #5B4244	RGB 91 66 68	#5B4244
33.3%	33.3% #58373A	RGB 88 55 58	#58373A
50.0%	50.0% #552B30	RGB 85 43 48	#552B30
66.7%	66.7% #521F25	RGB 82 31 37	#521F25
83.3%	83.3% #4F141B	RGB 79 20 27	#4F141B
100.0%	100.0% #4D0911	RGB 77 9 17	#4D0911

#5E4E4F #5B4244 #58373A #552B30 #521F25 #4F141B #4D0911

#5E4E4F - #4D0911

HSV Blend

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

0.0%	0.0% #5E4E4F	RGB 94 78 79	#5E4E4F
16.7%	16.7% #5B4042	RGB 91 64 66	#5B4042
33.3%	33.3% #583437	RGB 88 52 55	#583437
50.0%	50.0% #55282C	RGB 85 40 44	#55282C
66.7%	66.7% #521D22	RGB 82 29 34	#521D22
83.3%	83.3% #4F1219	RGB 79 18 25	#4F1219
100.0%	100.0% #4D0911	RGB 77 9 17	#4D0911

#5E4E4F #5B4042 #583437 #55282C #521D22 #4F1219 #4D0911

#5E4E4F - #55282C - #4D0911

CSS codes

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

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