#4F533A - #B39E65 | 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 #4F533A to #B39E65

#4F533A #B39E65

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

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

0.0%	0.0% #4F533A	RGB 79 83 58	#4F533A
16.7%	16.7% #5F5F41	RGB 95 95 65	#5F5F41
33.3%	33.3% #706C48	RGB 112 108 72	#706C48
50.0%	50.0% #81784F	RGB 129 120 79	#81784F
66.7%	66.7% #918556	RGB 145 133 86	#918556
83.3%	83.3% #A2915D	RGB 162 145 93	#A2915D
100.0%	100.0% #B39E65	RGB 179 158 101	#B39E65

#4F533A #5F5F41 #706C48 #81784F #918556 #A2915D #B39E65

#4F533A - #B39E65

HSV Blend

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

0.0%	0.0% #4F533A	RGB 79 83 58	#4F533A
16.7%	16.7% #606342	RGB 96 99 66	#606342
33.3%	33.3% #72734B	RGB 114 115 75	#72734B
50.0%	50.0% #838052	RGB 131 128 82	#838052
66.7%	66.7% #938B59	RGB 147 139 89	#938B59
83.3%	83.3% #A3955F	RGB 163 149 95	#A3955F
100.0%	100.0% #B39E65	RGB 179 158 101	#B39E65

#4F533A #606342 #72734B #838052 #938B59 #A3955F #B39E65

#4F533A - #838052 - #B39E65

CSS codes

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

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