#4D5E29 - #BDA953 | 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 #4D5E29 to #BDA953

#4D5E29 #BDA953

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

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

0.0%	0.0% #4D5E29	RGB 77 94 41	#4D5E29
16.7%	16.7% #5F6A30	RGB 95 106 48	#5F6A30
33.3%	33.3% #727737	RGB 114 119 55	#727737
50.0%	50.0% #85833E	RGB 133 131 62	#85833E
66.7%	66.7% #979045	RGB 151 144 69	#979045
83.3%	83.3% #AA9C4C	RGB 170 156 76	#AA9C4C
100.0%	100.0% #BDA953	RGB 189 169 83	#BDA953

#4D5E29 #5F6A30 #727737 #85833E #979045 #AA9C4C #BDA953

#4D5E29 - #BDA953

HSV Blend

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

0.0%	0.0% #4D5E29	RGB 77 94 41	#4D5E29
16.7%	16.7% #5F6D2F	RGB 95 109 47	#5F6D2F
33.3%	33.3% #727D36	RGB 114 125 54	#727D36
50.0%	50.0% #888D3D	RGB 136 141 61	#888D3D
66.7%	66.7% #9D9B44	RGB 157 155 68	#9D9B44
83.3%	83.3% #ADA34B	RGB 173 163 75	#ADA34B
100.0%	100.0% #BDA953	RGB 189 169 83	#BDA953

#4D5E29 #5F6D2F #727D36 #888D3D #9D9B44 #ADA34B #BDA953

#4D5E29 - #888D3D - #BDA953

CSS codes

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

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