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

#695C5C #DFAA87

Calculate the color between two colors, #695C5C 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)

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

0.0%	0.0% #695C5C	RGB 105 92 92	#695C5C
16.7%	16.7% #7C6963	RGB 124 105 99	#7C6963
33.3%	33.3% #90766A	RGB 144 118 106	#90766A
50.0%	50.0% #A48371	RGB 164 131 113	#A48371
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

#695C5C #7C6963 #90766A #A48371 #B79078 #CB9D7F #DFAA87

#695C5C - #DFAA87

HSV Blend

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

0.0%	0.0% #695C5C	RGB 105 92 92	#695C5C
16.7%	16.7% #7C6967	RGB 124 105 103	#7C6967
33.3%	33.3% #907571	RGB 144 117 113	#907571
50.0%	50.0% #A48179	RGB 164 129 121	#A48179
66.7%	66.7% #B78E7F	RGB 183 142 127	#B78E7F
83.3%	83.3% #CB9B84	RGB 203 155 132	#CB9B84
100.0%	100.0% #DFAA87	RGB 223 170 135	#DFAA87

#695C5C #7C6967 #907571 #A48179 #B78E7F #CB9B84 #DFAA87

#695C5C - #A48179 - #DFAA87

CSS codes

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

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