#5E5057 - #411815 | 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 #5E5057 to #411815

#5E5057 #411815

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

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

0.0%	0.0% #5E5057	RGB 94 80 87	#5E5057
16.7%	16.7% #59464C	RGB 89 70 76	#59464C
33.3%	33.3% #543D41	RGB 84 61 65	#543D41
50.0%	50.0% #4F3436	RGB 79 52 54	#4F3436
66.7%	66.7% #4A2A2B	RGB 74 42 43	#4A2A2B
83.3%	83.3% #452120	RGB 69 33 32	#452120
100.0%	100.0% #411815	RGB 65 24 21	#411815

#5E5057 #59464C #543D41 #4F3436 #4A2A2B #452120 #411815

#5E5057 - #411815

HSV Blend

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

0.0%	0.0% #5E5057	RGB 94 80 87	#5E5057
16.7%	16.7% #59444C	RGB 89 68 76	#59444C
33.3%	33.3% #543841	RGB 84 56 65	#543841
50.0%	50.0% #4F2E35	RGB 79 46 53	#4F2E35
66.7%	66.7% #4A2529	RGB 74 37 41	#4A2529
83.3%	83.3% #451C1D	RGB 69 28 29	#451C1D
100.0%	100.0% #411815	RGB 65 24 21	#411815

#5E5057 #59444C #543841 #4F2E35 #4A2529 #451C1D #411815

#5E5057 - #4F2E35 - #411815

CSS codes

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

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