#DCD6CF - #3E3D3B | 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 #DCD6CF to #3E3D3B

#DCD6CF #3E3D3B

Calculate the color between two colors, #DCD6CF and #3E3D3B. 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)

#DCD6CF - #3E3D3B | 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 #DCD6CF as 0% and #3E3D3B as 100%.

0.0%	0.0% #DCD6CF	RGB 220 214 207	#DCD6CF
16.7%	16.7% #C1BCB6	RGB 193 188 182	#C1BCB6
33.3%	33.3% #A7A39D	RGB 167 163 157	#A7A39D
50.0%	50.0% #8D8985	RGB 141 137 133	#8D8985
66.7%	66.7% #72706C	RGB 114 112 108	#72706C
83.3%	83.3% #585653	RGB 88 86 83	#585653
100.0%	100.0% #3E3D3B	RGB 62 61 59	#3E3D3B

#DCD6CF #C1BCB6 #A7A39D #8D8985 #72706C #585653 #3E3D3B

#DCD6CF - #3E3D3B

HSV Blend

#DCD6CF - #3E3D3B | 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 #DCD6CF as 0% and #3E3D3B as 100%.

0.0%	0.0% #DCD6CF	RGB 220 214 207	#DCD6CF
16.7%	16.7% #C1BCB6	RGB 193 188 182	#C1BCB6
33.3%	33.3% #A7A39E	RGB 167 163 158	#A7A39E
50.0%	50.0% #8D8985	RGB 141 137 133	#8D8985
66.7%	66.7% #72706C	RGB 114 112 108	#72706C
83.3%	83.3% #585653	RGB 88 86 83	#585653
100.0%	100.0% #3E3D3B	RGB 62 61 59	#3E3D3B

#DCD6CF #C1BCB6 #A7A39E #8D8985 #72706C #585653 #3E3D3B

#DCD6CF - #8D8985 - #3E3D3B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DCD6CF 0%, #8D8985 50%, #3E3D3B 100%);
    background: -webkit-linear-gradient(top, #DCD6CF 0%, #8D8985 50%, #3E3D3B 100%);
    background: linear-gradient(to bottom, #DCD6CF 0%, #8D8985 50%, #3E3D3B 100%);
}
</style>