#5E5D34 - #DBA252 | 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 #5E5D34 to #DBA252

#5E5D34 #DBA252

Calculate the color between two colors, #5E5D34 and #DBA252. 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)

#5E5D34 - #DBA252 | 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 #5E5D34 as 0% and #DBA252 as 100%.

0.0%	0.0% #5E5D34	RGB 94 93 52	#5E5D34
16.7%	16.7% #726839	RGB 114 104 57	#726839
33.3%	33.3% #87743E	RGB 135 116 62	#87743E
50.0%	50.0% #9C7F43	RGB 156 127 67	#9C7F43
66.7%	66.7% #B18B48	RGB 177 139 72	#B18B48
83.3%	83.3% #C6964D	RGB 198 150 77	#C6964D
100.0%	100.0% #DBA252	RGB 219 162 82	#DBA252

#5E5D34 #726839 #87743E #9C7F43 #B18B48 #C6964D #DBA252

#5E5D34 - #DBA252

HSV Blend

#5E5D34 - #DBA252 | 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 #5E5D34 as 0% and #DBA252 as 100%.

0.0%	0.0% #5E5D34	RGB 94 93 52	#5E5D34
16.7%	16.7% #726D3C	RGB 114 109 60	#726D3C
33.3%	33.3% #877D42	RGB 135 125 66	#877D42
50.0%	50.0% #9C8A48	RGB 156 138 72	#9C8A48
66.7%	66.7% #B1944C	RGB 177 148 76	#B1944C
83.3%	83.3% #C69C50	RGB 198 156 80	#C69C50
100.0%	100.0% #DBA252	RGB 219 162 82	#DBA252

#5E5D34 #726D3C #877D42 #9C8A48 #B1944C #C69C50 #DBA252

#5E5D34 - #9C8A48 - #DBA252

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5D34 0%, #9C8A48 50%, #DBA252 100%);
    background: -webkit-linear-gradient(top, #5E5D34 0%, #9C8A48 50%, #DBA252 100%);
    background: linear-gradient(to bottom, #5E5D34 0%, #9C8A48 50%, #DBA252 100%);
}
</style>