#5E5758 - #DBA178 | 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 #5E5758 to #DBA178

#5E5758 #DBA178

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

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

0.0%	0.0% #5E5758	RGB 94 87 88	#5E5758
16.7%	16.7% #72635D	RGB 114 99 93	#72635D
33.3%	33.3% #876F62	RGB 135 111 98	#876F62
50.0%	50.0% #9C7C68	RGB 156 124 104	#9C7C68
66.7%	66.7% #B1886D	RGB 177 136 109	#B1886D
83.3%	83.3% #C69472	RGB 198 148 114	#C69472
100.0%	100.0% #DBA178	RGB 219 161 120	#DBA178

#5E5758 #72635D #876F62 #9C7C68 #B1886D #C69472 #DBA178

#5E5758 - #DBA178

HSV Blend

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

0.0%	0.0% #5E5758	RGB 94 87 88	#5E5758
16.7%	16.7% #726363	RGB 114 99 99	#726363
33.3%	33.3% #876D6C	RGB 135 109 108	#876D6C
50.0%	50.0% #9C7873	RGB 156 120 115	#9C7873
66.7%	66.7% #B18477	RGB 177 132 119	#B18477
83.3%	83.3% #C69179	RGB 198 145 121	#C69179
100.0%	100.0% #DBA178	RGB 219 161 120	#DBA178

#5E5758 #726363 #876D6C #9C7873 #B18477 #C69179 #DBA178

#5E5758 - #9C7873 - #DBA178

CSS codes

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

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