#5E5E4F - #D7A66E | 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 #5E5E4F to #D7A66E

#5E5E4F #D7A66E

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

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

0.0%	0.0% #5E5E4F	RGB 94 94 79	#5E5E4F
16.7%	16.7% #726A54	RGB 114 106 84	#726A54
33.3%	33.3% #867659	RGB 134 118 89	#867659
50.0%	50.0% #9A825E	RGB 154 130 94	#9A825E
66.7%	66.7% #AE8E63	RGB 174 142 99	#AE8E63
83.3%	83.3% #C29A68	RGB 194 154 104	#C29A68
100.0%	100.0% #D7A66E	RGB 215 166 110	#D7A66E

#5E5E4F #726A54 #867659 #9A825E #AE8E63 #C29A68 #D7A66E

#5E5E4F - #D7A66E

HSV Blend

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

0.0%	0.0% #5E5E4F	RGB 94 94 79	#5E5E4F
16.7%	16.7% #727059	RGB 114 112 89	#727059
33.3%	33.3% #868062	RGB 134 128 98	#868062
50.0%	50.0% #9A8E68	RGB 154 142 104	#9A8E68
66.7%	66.7% #AE9A6C	RGB 174 154 108	#AE9A6C
83.3%	83.3% #C2A16E	RGB 194 161 110	#C2A16E
100.0%	100.0% #D7A66E	RGB 215 166 110	#D7A66E

#5E5E4F #727059 #868062 #9A8E68 #AE9A6C #C2A16E #D7A66E

#5E5E4F - #9A8E68 - #D7A66E

CSS codes

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

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