#5E5646 - #D49D69 | 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 #5E5646 to #D49D69

#5E5646 #D49D69

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

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

0.0%	0.0% #5E5646	RGB 94 86 70	#5E5646
16.7%	16.7% #71614B	RGB 113 97 75	#71614B
33.3%	33.3% #856D51	RGB 133 109 81	#856D51
50.0%	50.0% #997957	RGB 153 121 87	#997957
66.7%	66.7% #AC855D	RGB 172 133 93	#AC855D
83.3%	83.3% #C09163	RGB 192 145 99	#C09163
100.0%	100.0% #D49D69	RGB 212 157 105	#D49D69

#5E5646 #71614B #856D51 #997957 #AC855D #C09163 #D49D69

#5E5646 - #D49D69

HSV Blend

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

0.0%	0.0% #5E5646	RGB 94 86 70	#5E5646
16.7%	16.7% #71654F	RGB 113 101 79	#71654F
33.3%	33.3% #857358	RGB 133 115 88	#857358
50.0%	50.0% #99805E	RGB 153 128 94	#99805E
66.7%	66.7% #AC8B63	RGB 172 139 99	#AC8B63
83.3%	83.3% #C09567	RGB 192 149 103	#C09567
100.0%	100.0% #D49D69	RGB 212 157 105	#D49D69

#5E5646 #71654F #857358 #99805E #AC8B63 #C09567 #D49D69

#5E5646 - #99805E - #D49D69

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5646 0%, #99805E 50%, #D49D69 100%);
    background: -webkit-linear-gradient(top, #5E5646 0%, #99805E 50%, #D49D69 100%);
    background: linear-gradient(to bottom, #5E5646 0%, #99805E 50%, #D49D69 100%);
}
</style>