#5E5556 - #4C0E22 | 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 #5E5556 to #4C0E22

#5E5556 #4C0E22

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

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

0.0%	0.0% #5E5556	RGB 94 85 86	#5E5556
16.7%	16.7% #5B494D	RGB 91 73 77	#5B494D
33.3%	33.3% #583D44	RGB 88 61 68	#583D44
50.0%	50.0% #55313C	RGB 85 49 60	#55313C
66.7%	66.7% #522533	RGB 82 37 51	#522533
83.3%	83.3% #4F192A	RGB 79 25 42	#4F192A
100.0%	100.0% #4C0E22	RGB 76 14 34	#4C0E22

#5E5556 #5B494D #583D44 #55313C #522533 #4F192A #4C0E22

#5E5556 - #4C0E22

HSV Blend

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

0.0%	0.0% #5E5556	RGB 94 85 86	#5E5556
16.7%	16.7% #5B474A	RGB 91 71 74	#5B474A
33.3%	33.3% #583A3F	RGB 88 58 63	#583A3F
50.0%	50.0% #552E36	RGB 85 46 54	#552E36
66.7%	66.7% #52222E	RGB 82 34 46	#52222E
83.3%	83.3% #4F1827	RGB 79 24 39	#4F1827
100.0%	100.0% #4C0E22	RGB 76 14 34	#4C0E22

#5E5556 #5B474A #583A3F #552E36 #52222E #4F1827 #4C0E22

#5E5556 - #552E36 - #4C0E22

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5556 0%, #552E36 50%, #4C0E22 100%);
    background: -webkit-linear-gradient(top, #5E5556 0%, #552E36 50%, #4C0E22 100%);
    background: linear-gradient(to bottom, #5E5556 0%, #552E36 50%, #4C0E22 100%);
}
</style>