#5E5D5D - #DAAC8A | 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 #5E5D5D to #DAAC8A

#5E5D5D #DAAC8A

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

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

0.0%	0.0% #5E5D5D	RGB 94 93 93	#5E5D5D
16.7%	16.7% #726A64	RGB 114 106 100	#726A64
33.3%	33.3% #87776C	RGB 135 119 108	#87776C
50.0%	50.0% #9C8473	RGB 156 132 115	#9C8473
66.7%	66.7% #B0917B	RGB 176 145 123	#B0917B
83.3%	83.3% #C59E82	RGB 197 158 130	#C59E82
100.0%	100.0% #DAAC8A	RGB 218 172 138	#DAAC8A

#5E5D5D #726A64 #87776C #9C8473 #B0917B #C59E82 #DAAC8A

#5E5D5D - #DAAC8A

HSV Blend

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

0.0%	0.0% #5E5D5D	RGB 94 93 93	#5E5D5D
16.7%	16.7% #726B6A	RGB 114 107 106	#726B6A
33.3%	33.3% #877875	RGB 135 120 117	#877875
50.0%	50.0% #9C847E	RGB 156 132 126	#9C847E
66.7%	66.7% #B09184	RGB 176 145 132	#B09184
83.3%	83.3% #C59E88	RGB 197 158 136	#C59E88
100.0%	100.0% #DAAC8A	RGB 218 172 138	#DAAC8A

#5E5D5D #726B6A #877875 #9C847E #B09184 #C59E88 #DAAC8A

#5E5D5D - #9C847E - #DAAC8A

CSS codes

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

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