#5E553F - #D49C61 | 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 #5E553F to #D49C61

#5E553F #D49C61

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

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

0.0%	0.0% #5E553F	RGB 94 85 63	#5E553F
16.7%	16.7% #716044	RGB 113 96 68	#716044
33.3%	33.3% #856C4A	RGB 133 108 74	#856C4A
50.0%	50.0% #997850	RGB 153 120 80	#997850
66.7%	66.7% #AC8455	RGB 172 132 85	#AC8455
83.3%	83.3% #C0905B	RGB 192 144 91	#C0905B
100.0%	100.0% #D49C61	RGB 212 156 97	#D49C61

#5E553F #716044 #856C4A #997850 #AC8455 #C0905B #D49C61

#5E553F - #D49C61

HSV Blend

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

0.0%	0.0% #5E553F	RGB 94 85 63	#5E553F
16.7%	16.7% #716448	RGB 113 100 72	#716448
33.3%	33.3% #85724F	RGB 133 114 79	#85724F
50.0%	50.0% #997F56	RGB 153 127 86	#997F56
66.7%	66.7% #AC8A5B	RGB 172 138 91	#AC8A5B
83.3%	83.3% #C0945E	RGB 192 148 94	#C0945E
100.0%	100.0% #D49C61	RGB 212 156 97	#D49C61

#5E553F #716448 #85724F #997F56 #AC8A5B #C0945E #D49C61

#5E553F - #997F56 - #D49C61

CSS codes

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

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