#4D5E33 - #BBA95C | 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 #4D5E33 to #BBA95C

#4D5E33 #BBA95C

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

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

0.0%	0.0% #4D5E33	RGB 77 94 51	#4D5E33
16.7%	16.7% #5F6A39	RGB 95 106 57	#5F6A39
33.3%	33.3% #717740	RGB 113 119 64	#717740
50.0%	50.0% #848347	RGB 132 131 71	#848347
66.7%	66.7% #96904E	RGB 150 144 78	#96904E
83.3%	83.3% #A89C55	RGB 168 156 85	#A89C55
100.0%	100.0% #BBA95C	RGB 187 169 92	#BBA95C

#4D5E33 #5F6A39 #717740 #848347 #96904E #A89C55 #BBA95C

#4D5E33 - #BBA95C

HSV Blend

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

0.0%	0.0% #4D5E33	RGB 77 94 51	#4D5E33
16.7%	16.7% #5E6D3A	RGB 94 109 58	#5E6D3A
33.3%	33.3% #717D41	RGB 113 125 65	#717D41
50.0%	50.0% #858C48	RGB 133 140 72	#858C48
66.7%	66.7% #9B9C4F	RGB 155 156 79	#9B9C4F
83.3%	83.3% #ABA355	RGB 171 163 85	#ABA355
100.0%	100.0% #BBA95C	RGB 187 169 92	#BBA95C

#4D5E33 #5E6D3A #717D41 #858C48 #9B9C4F #ABA355 #BBA95C

#4D5E33 - #858C48 - #BBA95C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E33 0%, #858C48 50%, #BBA95C 100%);
    background: -webkit-linear-gradient(top, #4D5E33 0%, #858C48 50%, #BBA95C 100%);
    background: linear-gradient(to bottom, #4D5E33 0%, #858C48 50%, #BBA95C 100%);
}
</style>