#5E564D - #D4A072 | 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 #5E564D to #D4A072

#5E564D #D4A072

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

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

0.0%	0.0% #5E564D	RGB 94 86 77	#5E564D
16.7%	16.7% #716253	RGB 113 98 83	#716253
33.3%	33.3% #856E59	RGB 133 110 89	#856E59
50.0%	50.0% #997B5F	RGB 153 123 95	#997B5F
66.7%	66.7% #AC8765	RGB 172 135 101	#AC8765
83.3%	83.3% #C0936B	RGB 192 147 107	#C0936B
100.0%	100.0% #D4A072	RGB 212 160 114	#D4A072

#5E564D #716253 #856E59 #997B5F #AC8765 #C0936B #D4A072

#5E564D - #D4A072

HSV Blend

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

0.0%	0.0% #5E564D	RGB 94 86 77	#5E564D
16.7%	16.7% #716557	RGB 113 101 87	#716557
33.3%	33.3% #857360	RGB 133 115 96	#857360
50.0%	50.0% #998067	RGB 153 128 103	#998067
66.7%	66.7% #AC8C6D	RGB 172 140 109	#AC8C6D
83.3%	83.3% #C09670	RGB 192 150 112	#C09670
100.0%	100.0% #D4A072	RGB 212 160 114	#D4A072

#5E564D #716557 #857360 #998067 #AC8C6D #C09670 #D4A072

#5E564D - #998067 - #D4A072

CSS codes

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

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