#5E5D5C - #50450F | 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 #5E5D5C to #50450F

#5E5D5C #50450F

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

#5E5D5C - #50450F | 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 #5E5D5C as 0% and #50450F as 100%.

0.0%	0.0% #5E5D5C	RGB 94 93 92	#5E5D5C
16.7%	16.7% #5B594F	RGB 91 89 79	#5B594F
33.3%	33.3% #595542	RGB 89 85 66	#595542
50.0%	50.0% #575135	RGB 87 81 53	#575135
66.7%	66.7% #544D28	RGB 84 77 40	#544D28
83.3%	83.3% #52491B	RGB 82 73 27	#52491B
100.0%	100.0% #50450F	RGB 80 69 15	#50450F

#5E5D5C #5B594F #595542 #575135 #544D28 #52491B #50450F

#5E5D5C - #50450F

HSV Blend

#5E5D5C - #50450F | 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 #5E5D5C as 0% and #50450F as 100%.

0.0%	0.0% #5E5D5C	RGB 94 93 92	#5E5D5C
16.7%	16.7% #5B554D	RGB 91 85 77	#5B554D
33.3%	33.3% #594F3F	RGB 89 79 63	#594F3F
50.0%	50.0% #574A32	RGB 87 74 50	#574A32
66.7%	66.7% #544726	RGB 84 71 38	#544726
83.3%	83.3% #52451A	RGB 82 69 26	#52451A
100.0%	100.0% #50450F	RGB 80 69 15	#50450F

#5E5D5C #5B554D #594F3F #574A32 #544726 #52451A #50450F

#5E5D5C - #574A32 - #50450F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5D5C 0%, #574A32 50%, #50450F 100%);
    background: -webkit-linear-gradient(top, #5E5D5C 0%, #574A32 50%, #50450F 100%);
    background: linear-gradient(to bottom, #5E5D5C 0%, #574A32 50%, #50450F 100%);
}
</style>