#685C5C - #DFAA87 | 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 #685C5C to #DFAA87

#685C5C #DFAA87

Calculate the color between two colors, #685C5C and #DFAA87. 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)

#685C5C - #DFAA87 | 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 #685C5C as 0% and #DFAA87 as 100%.

0.0%	0.0% #685C5C	RGB 104 92 92	#685C5C
16.7%	16.7% #7B6963	RGB 123 105 99	#7B6963
33.3%	33.3% #8F766A	RGB 143 118 106	#8F766A
50.0%	50.0% #A38371	RGB 163 131 113	#A38371
66.7%	66.7% #B79078	RGB 183 144 120	#B79078
83.3%	83.3% #CB9D7F	RGB 203 157 127	#CB9D7F
100.0%	100.0% #DFAA87	RGB 223 170 135	#DFAA87

#685C5C #7B6963 #8F766A #A38371 #B79078 #CB9D7F #DFAA87

#685C5C - #DFAA87

HSV Blend

#685C5C - #DFAA87 | 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 #685C5C as 0% and #DFAA87 as 100%.

0.0%	0.0% #685C5C	RGB 104 92 92	#685C5C
16.7%	16.7% #7B6967	RGB 123 105 103	#7B6967
33.3%	33.3% #8F7571	RGB 143 117 113	#8F7571
50.0%	50.0% #A38279	RGB 163 130 121	#A38279
66.7%	66.7% #B78E80	RGB 183 142 128	#B78E80
83.3%	83.3% #CB9B84	RGB 203 155 132	#CB9B84
100.0%	100.0% #DFAA87	RGB 223 170 135	#DFAA87

#685C5C #7B6967 #8F7571 #A38279 #B78E80 #CB9B84 #DFAA87

#685C5C - #A38279 - #DFAA87

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #685C5C 0%, #A38279 50%, #DFAA87 100%);
    background: -webkit-linear-gradient(top, #685C5C 0%, #A38279 50%, #DFAA87 100%);
    background: linear-gradient(to bottom, #685C5C 0%, #A38279 50%, #DFAA87 100%);
}
</style>