#5E5D33 - #DBA251 | 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 #5E5D33 to #DBA251

#5E5D33 #DBA251

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

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

0.0%	0.0% #5E5D33	RGB 94 93 51	#5E5D33
16.7%	16.7% #726838	RGB 114 104 56	#726838
33.3%	33.3% #87743D	RGB 135 116 61	#87743D
50.0%	50.0% #9C7F42	RGB 156 127 66	#9C7F42
66.7%	66.7% #B18B47	RGB 177 139 71	#B18B47
83.3%	83.3% #C6964C	RGB 198 150 76	#C6964C
100.0%	100.0% #DBA251	RGB 219 162 81	#DBA251

#5E5D33 #726838 #87743D #9C7F42 #B18B47 #C6964C #DBA251

#5E5D33 - #DBA251

HSV Blend

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

0.0%	0.0% #5E5D33	RGB 94 93 51	#5E5D33
16.7%	16.7% #726D3A	RGB 114 109 58	#726D3A
33.3%	33.3% #877C41	RGB 135 124 65	#877C41
50.0%	50.0% #9C8947	RGB 156 137 71	#9C8947
66.7%	66.7% #B1944B	RGB 177 148 75	#B1944B
83.3%	83.3% #C69C4E	RGB 198 156 78	#C69C4E
100.0%	100.0% #DBA251	RGB 219 162 81	#DBA251

#5E5D33 #726D3A #877C41 #9C8947 #B1944B #C69C4E #DBA251

#5E5D33 - #9C8947 - #DBA251

CSS codes

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

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