#5E6C4D - #2B450B | 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 #5E6C4D to #2B450B

#5E6C4D #2B450B

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

#5E6C4D - #2B450B | 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 #5E6C4D as 0% and #2B450B as 100%.

0.0%	0.0% #5E6C4D	RGB 94 108 77	#5E6C4D
16.7%	16.7% #556542	RGB 85 101 66	#556542
33.3%	33.3% #4D5F37	RGB 77 95 55	#4D5F37
50.0%	50.0% #44582C	RGB 68 88 44	#44582C
66.7%	66.7% #3C5220	RGB 60 82 32	#3C5220
83.3%	83.3% #334B16	RGB 51 75 22	#334B16
100.0%	100.0% #2B450B	RGB 43 69 11	#2B450B

#5E6C4D #556542 #4D5F37 #44582C #3C5220 #334B16 #2B450B

#5E6C4D - #2B450B

HSV Blend

#5E6C4D - #2B450B | 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 #5E6C4D as 0% and #2B450B as 100%.

0.0%	0.0% #5E6C4D	RGB 94 108 77	#5E6C4D
16.7%	16.7% #54653F	RGB 84 101 63	#54653F
33.3%	33.3% #4A5F32	RGB 74 95 50	#4A5F32
50.0%	50.0% #425826	RGB 66 88 38	#425826
66.7%	66.7% #39521C	RGB 57 82 28	#39521C
83.3%	83.3% #324B13	RGB 50 75 19	#324B13
100.0%	100.0% #2B450B	RGB 43 69 11	#2B450B

#5E6C4D #54653F #4A5F32 #425826 #39521C #324B13 #2B450B

#5E6C4D - #425826 - #2B450B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6C4D 0%, #425826 50%, #2B450B 100%);
    background: -webkit-linear-gradient(top, #5E6C4D 0%, #425826 50%, #2B450B 100%);
    background: linear-gradient(to bottom, #5E6C4D 0%, #425826 50%, #2B450B 100%);
}
</style>