#4F5E33 - #BDA95C | 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 #4F5E33 to #BDA95C

#4F5E33 #BDA95C

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

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

0.0%	0.0% #4F5E33	RGB 79 94 51	#4F5E33
16.7%	16.7% #616A39	RGB 97 106 57	#616A39
33.3%	33.3% #737740	RGB 115 119 64	#737740
50.0%	50.0% #868347	RGB 134 131 71	#868347
66.7%	66.7% #98904E	RGB 152 144 78	#98904E
83.3%	83.3% #AA9C55	RGB 170 156 85	#AA9C55
100.0%	100.0% #BDA95C	RGB 189 169 92	#BDA95C

#4F5E33 #616A39 #737740 #868347 #98904E #AA9C55 #BDA95C

#4F5E33 - #BDA95C

HSV Blend

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

0.0%	0.0% #4F5E33	RGB 79 94 51	#4F5E33
16.7%	16.7% #606D3A	RGB 96 109 58	#606D3A
33.3%	33.3% #737D41	RGB 115 125 65	#737D41
50.0%	50.0% #888D48	RGB 136 141 72	#888D48
66.7%	66.7% #9D9B4F	RGB 157 155 79	#9D9B4F
83.3%	83.3% #ADA355	RGB 173 163 85	#ADA355
100.0%	100.0% #BDA95C	RGB 189 169 92	#BDA95C

#4F5E33 #606D3A #737D41 #888D48 #9D9B4F #ADA355 #BDA95C

#4F5E33 - #888D48 - #BDA95C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F5E33 0%, #888D48 50%, #BDA95C 100%);
    background: -webkit-linear-gradient(top, #4F5E33 0%, #888D48 50%, #BDA95C 100%);
    background: linear-gradient(to bottom, #4F5E33 0%, #888D48 50%, #BDA95C 100%);
}
</style>