#5E6152 - #2F3A0C | 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 #5E6152 to #2F3A0C

#5E6152 #2F3A0C

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

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

0.0%	0.0% #5E6152	RGB 94 97 82	#5E6152
16.7%	16.7% #565A46	RGB 86 90 70	#565A46
33.3%	33.3% #4E543A	RGB 78 84 58	#4E543A
50.0%	50.0% #464D2F	RGB 70 77 47	#464D2F
66.7%	66.7% #3E4723	RGB 62 71 35	#3E4723
83.3%	83.3% #364017	RGB 54 64 23	#364017
100.0%	100.0% #2F3A0C	RGB 47 58 12	#2F3A0C

#5E6152 #565A46 #4E543A #464D2F #3E4723 #364017 #2F3A0C

#5E6152 - #2F3A0C

HSV Blend

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

0.0%	0.0% #5E6152	RGB 94 97 82	#5E6152
16.7%	16.7% #555A42	RGB 85 90 66	#555A42
33.3%	33.3% #4D5435	RGB 77 84 53	#4D5435
50.0%	50.0% #454D28	RGB 69 77 40	#454D28
66.7%	66.7% #3D471D	RGB 61 71 29	#3D471D
83.3%	83.3% #364014	RGB 54 64 20	#364014
100.0%	100.0% #2F3A0C	RGB 47 58 12	#2F3A0C

#5E6152 #555A42 #4D5435 #454D28 #3D471D #364014 #2F3A0C

#5E6152 - #454D28 - #2F3A0C

CSS codes

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

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