#5B5E5A - #18550F | 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 #5B5E5A to #18550F

#5B5E5A #18550F

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

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

0.0%	0.0% #5B5E5A	RGB 91 94 90	#5B5E5A
16.7%	16.7% #4F5C4D	RGB 79 92 77	#4F5C4D
33.3%	33.3% #445B41	RGB 68 91 65	#445B41
50.0%	50.0% #395934	RGB 57 89 52	#395934
66.7%	66.7% #2E5828	RGB 46 88 40	#2E5828
83.3%	83.3% #23561B	RGB 35 86 27	#23561B
100.0%	100.0% #18550F	RGB 24 85 15	#18550F

#5B5E5A #4F5C4D #445B41 #395934 #2E5828 #23561B #18550F

#5B5E5A - #18550F

HSV Blend

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

0.0%	0.0% #5B5E5A	RGB 91 94 90	#5B5E5A
16.7%	16.7% #505C4C	RGB 80 92 76	#505C4C
33.3%	33.3% #455B3F	RGB 69 91 63	#455B3F
50.0%	50.0% #3A5932	RGB 58 89 50	#3A5932
66.7%	66.7% #2E5826	RGB 46 88 38	#2E5826
83.3%	83.3% #23561A	RGB 35 86 26	#23561A
100.0%	100.0% #18550F	RGB 24 85 15	#18550F

#5B5E5A #505C4C #455B3F #3A5932 #2E5826 #23561A #18550F

#5B5E5A - #3A5932 - #18550F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5E5A 0%, #3A5932 50%, #18550F 100%);
    background: -webkit-linear-gradient(top, #5B5E5A 0%, #3A5932 50%, #18550F 100%);
    background: linear-gradient(to bottom, #5B5E5A 0%, #3A5932 50%, #18550F 100%);
}
</style>