#5E532F - #D4984E | 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 #5E532F to #D4984E

#5E532F #D4984E

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

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

0.0%	0.0% #5E532F	RGB 94 83 47	#5E532F
16.7%	16.7% #715E34	RGB 113 94 52	#715E34
33.3%	33.3% #856A39	RGB 133 106 57	#856A39
50.0%	50.0% #99753E	RGB 153 117 62	#99753E
66.7%	66.7% #AC8143	RGB 172 129 67	#AC8143
83.3%	83.3% #C08C48	RGB 192 140 72	#C08C48
100.0%	100.0% #D4984E	RGB 212 152 78	#D4984E

#5E532F #715E34 #856A39 #99753E #AC8143 #C08C48 #D4984E

#5E532F - #D4984E

HSV Blend

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

0.0%	0.0% #5E532F	RGB 94 83 47	#5E532F
16.7%	16.7% #716136	RGB 113 97 54	#716136
33.3%	33.3% #856F3C	RGB 133 111 60	#856F3C
50.0%	50.0% #997B42	RGB 153 123 66	#997B42
66.7%	66.7% #AC8647	RGB 172 134 71	#AC8647
83.3%	83.3% #C08F4A	RGB 192 143 74	#C08F4A
100.0%	100.0% #D4984E	RGB 212 152 78	#D4984E

#5E532F #716136 #856F3C #997B42 #AC8647 #C08F4A #D4984E

#5E532F - #997B42 - #D4984E

CSS codes

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

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