#505D2D - #8C8F83 | 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 #505D2D to #8C8F83

#505D2D #8C8F83

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

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

0.0%	0.0% #505D2D	RGB 80 93 45	#505D2D
16.7%	16.7% #5A653B	RGB 90 101 59	#5A653B
33.3%	33.3% #646D49	RGB 100 109 73	#646D49
50.0%	50.0% #6E7658	RGB 110 118 88	#6E7658
66.7%	66.7% #787E66	RGB 120 126 102	#787E66
83.3%	83.3% #828674	RGB 130 134 116	#828674
100.0%	100.0% #8C8F83	RGB 140 143 131	#8C8F83

#505D2D #5A653B #646D49 #6E7658 #787E66 #828674 #8C8F83

#505D2D - #8C8F83

HSV Blend

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

0.0%	0.0% #505D2D	RGB 80 93 45	#505D2D
16.7%	16.7% #596538	RGB 89 101 56	#596538
33.3%	33.3% #626D44	RGB 98 109 68	#626D44
50.0%	50.0% #6C7652	RGB 108 118 82	#6C7652
66.7%	66.7% #767E61	RGB 118 126 97	#767E61
83.3%	83.3% #818671	RGB 129 134 113	#818671
100.0%	100.0% #8C8F83	RGB 140 143 131	#8C8F83

#505D2D #596538 #626D44 #6C7652 #767E61 #818671 #8C8F83

#505D2D - #6C7652 - #8C8F83

CSS codes

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

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