#4D5E2D - #A88577 | 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 #4D5E2D to #A88577

#4D5E2D #A88577

Calculate the color between two colors, #4D5E2D and #A88577. 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)

#4D5E2D - #A88577 | 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 #4D5E2D as 0% and #A88577 as 100%.

0.0%	0.0% #4D5E2D	RGB 77 94 45	#4D5E2D
16.7%	16.7% #5C6439	RGB 92 100 57	#5C6439
33.3%	33.3% #6B6B45	RGB 107 107 69	#6B6B45
50.0%	50.0% #7A7152	RGB 122 113 82	#7A7152
66.7%	66.7% #89785E	RGB 137 120 94	#89785E
83.3%	83.3% #987E6A	RGB 152 126 106	#987E6A
100.0%	100.0% #A88577	RGB 168 133 119	#A88577

#4D5E2D #5C6439 #6B6B45 #7A7152 #89785E #987E6A #A88577

#4D5E2D - #A88577

HSV Blend

#4D5E2D - #A88577 | 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 #4D5E2D as 0% and #A88577 as 100%.

0.0%	0.0% #4D5E2D	RGB 77 94 45	#4D5E2D
16.7%	16.7% #616A36	RGB 97 106 54	#616A36
33.3%	33.3% #767641	RGB 118 118 65	#767641
50.0%	50.0% #83794D	RGB 131 121 77	#83794D
66.7%	66.7% #8F7C5A	RGB 143 124 90	#8F7C5A
83.3%	83.3% #9B8068	RGB 155 128 104	#9B8068
100.0%	100.0% #A88577	RGB 168 133 119	#A88577

#4D5E2D #616A36 #767641 #83794D #8F7C5A #9B8068 #A88577

#4D5E2D - #83794D - #A88577

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E2D 0%, #83794D 50%, #A88577 100%);
    background: -webkit-linear-gradient(top, #4D5E2D 0%, #83794D 50%, #A88577 100%);
    background: linear-gradient(to bottom, #4D5E2D 0%, #83794D 50%, #A88577 100%);
}
</style>