#5E5659 - #401D16 | 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 #5E5659 to #401D16

#5E5659 #401D16

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

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

0.0%	0.0% #5E5659	RGB 94 86 89	#5E5659
16.7%	16.7% #594C4D	RGB 89 76 77	#594C4D
33.3%	33.3% #544342	RGB 84 67 66	#544342
50.0%	50.0% #4F3937	RGB 79 57 55	#4F3937
66.7%	66.7% #4A302C	RGB 74 48 44	#4A302C
83.3%	83.3% #452621	RGB 69 38 33	#452621
100.0%	100.0% #401D16	RGB 64 29 22	#401D16

#5E5659 #594C4D #544342 #4F3937 #4A302C #452621 #401D16

#5E5659 - #401D16

HSV Blend

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

0.0%	0.0% #5E5659	RGB 94 86 89	#5E5659
16.7%	16.7% #59484D	RGB 89 72 77	#59484D
33.3%	33.3% #543C41	RGB 84 60 65	#543C41
50.0%	50.0% #4F3134	RGB 79 49 52	#4F3134
66.7%	66.7% #4A2728	RGB 74 39 40	#4A2728
83.3%	83.3% #45211E	RGB 69 33 30	#45211E
100.0%	100.0% #401D16	RGB 64 29 22	#401D16

#5E5659 #59484D #543C41 #4F3134 #4A2728 #45211E #401D16

#5E5659 - #4F3134 - #401D16

CSS codes

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

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