#8D936B - #505E1F | 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 #8D936B to #505E1F

#8D936B #505E1F

Calculate the color between two colors, #8D936B and #505E1F. 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)

#8D936B - #505E1F | 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 #8D936B as 0% and #505E1F as 100%.

0.0%	0.0% #8D936B	RGB 141 147 107	#8D936B
16.7%	16.7% #828A5E	RGB 130 138 94	#828A5E
33.3%	33.3% #788151	RGB 120 129 81	#788151
50.0%	50.0% #6E7845	RGB 110 120 69	#6E7845
66.7%	66.7% #646F38	RGB 100 111 56	#646F38
83.3%	83.3% #5A662B	RGB 90 102 43	#5A662B
100.0%	100.0% #505E1F	RGB 80 94 31	#505E1F

#8D936B #828A5E #788151 #6E7845 #646F38 #5A662B #505E1F

#8D936B - #505E1F

HSV Blend

#8D936B - #505E1F | 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 #8D936B as 0% and #505E1F as 100%.

0.0%	0.0% #8D936B	RGB 141 147 107	#8D936B
16.7%	16.7% #828A5B	RGB 130 138 91	#828A5B
33.3%	33.3% #78814C	RGB 120 129 76	#78814C
50.0%	50.0% #6D783F	RGB 109 120 63	#6D783F
66.7%	66.7% #636F33	RGB 99 111 51	#636F33
83.3%	83.3% #596628	RGB 89 102 40	#596628
100.0%	100.0% #505E1F	RGB 80 94 31	#505E1F

#8D936B #828A5B #78814C #6D783F #636F33 #596628 #505E1F

#8D936B - #6D783F - #505E1F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D936B 0%, #6D783F 50%, #505E1F 100%);
    background: -webkit-linear-gradient(top, #8D936B 0%, #6D783F 50%, #505E1F 100%);
    background: linear-gradient(to bottom, #8D936B 0%, #6D783F 50%, #505E1F 100%);
}
</style>