#5E553D - #D49C5E | 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 #5E553D to #D49C5E

#5E553D #D49C5E

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

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

0.0%	0.0% #5E553D	RGB 94 85 61	#5E553D
16.7%	16.7% #716042	RGB 113 96 66	#716042
33.3%	33.3% #856C48	RGB 133 108 72	#856C48
50.0%	50.0% #99784D	RGB 153 120 77	#99784D
66.7%	66.7% #AC8453	RGB 172 132 83	#AC8453
83.3%	83.3% #C09058	RGB 192 144 88	#C09058
100.0%	100.0% #D49C5E	RGB 212 156 94	#D49C5E

#5E553D #716042 #856C48 #99784D #AC8453 #C09058 #D49C5E

#5E553D - #D49C5E

HSV Blend

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

0.0%	0.0% #5E553D	RGB 94 85 61	#5E553D
16.7%	16.7% #716445	RGB 113 100 69	#716445
33.3%	33.3% #85724D	RGB 133 114 77	#85724D
50.0%	50.0% #997F53	RGB 153 127 83	#997F53
66.7%	66.7% #AC8A58	RGB 172 138 88	#AC8A58
83.3%	83.3% #C0945B	RGB 192 148 91	#C0945B
100.0%	100.0% #D49C5E	RGB 212 156 94	#D49C5E

#5E553D #716445 #85724D #997F53 #AC8A58 #C0945B #D49C5E

#5E553D - #997F53 - #D49C5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E553D 0%, #997F53 50%, #D49C5E 100%);
    background: -webkit-linear-gradient(top, #5E553D 0%, #997F53 50%, #D49C5E 100%);
    background: linear-gradient(to bottom, #5E553D 0%, #997F53 50%, #D49C5E 100%);
}
</style>