#5E5257 - #401A15 | 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 #5E5257 to #401A15

#5E5257 #401A15

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

#5E5257 - #401A15 | 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 #5E5257 as 0% and #401A15 as 100%.

0.0%	0.0% #5E5257	RGB 94 82 87	#5E5257
16.7%	16.7% #59484C	RGB 89 72 76	#59484C
33.3%	33.3% #543F41	RGB 84 63 65	#543F41
50.0%	50.0% #4F3636	RGB 79 54 54	#4F3636
66.7%	66.7% #4A2C2B	RGB 74 44 43	#4A2C2B
83.3%	83.3% #452320	RGB 69 35 32	#452320
100.0%	100.0% #401A15	RGB 64 26 21	#401A15

#5E5257 #59484C #543F41 #4F3636 #4A2C2B #452320 #401A15

#5E5257 - #401A15

HSV Blend

#5E5257 - #401A15 | 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 #5E5257 as 0% and #401A15 as 100%.

0.0%	0.0% #5E5257	RGB 94 82 87	#5E5257
16.7%	16.7% #59454B	RGB 89 69 75	#59454B
33.3%	33.3% #543A40	RGB 84 58 64	#543A40
50.0%	50.0% #4F2F34	RGB 79 47 52	#4F2F34
66.7%	66.7% #4A2527	RGB 74 37 39	#4A2527
83.3%	83.3% #451E1C	RGB 69 30 28	#451E1C
100.0%	100.0% #401A15	RGB 64 26 21	#401A15

#5E5257 #59454B #543A40 #4F2F34 #4A2527 #451E1C #401A15

#5E5257 - #4F2F34 - #401A15

CSS codes

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

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