#D9C9A6 - #3E392F | 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 #D9C9A6 to #3E392F

#D9C9A6 #3E392F

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

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

0.0%	0.0% #D9C9A6	RGB 217 201 166	#D9C9A6
16.7%	16.7% #BFB192	RGB 191 177 146	#BFB192
33.3%	33.3% #A5997E	RGB 165 153 126	#A5997E
50.0%	50.0% #8B816A	RGB 139 129 106	#8B816A
66.7%	66.7% #716956	RGB 113 105 86	#716956
83.3%	83.3% #575142	RGB 87 81 66	#575142
100.0%	100.0% #3E392F	RGB 62 57 47	#3E392F

#D9C9A6 #BFB192 #A5997E #8B816A #716956 #575142 #3E392F

#D9C9A6 - #3E392F

HSV Blend

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

0.0%	0.0% #D9C9A6	RGB 217 201 166	#D9C9A6
16.7%	16.7% #BFB092	RGB 191 176 146	#BFB092
33.3%	33.3% #A5987E	RGB 165 152 126	#A5987E
50.0%	50.0% #8B806A	RGB 139 128 106	#8B806A
66.7%	66.7% #716856	RGB 113 104 86	#716856
83.3%	83.3% #575042	RGB 87 80 66	#575042
100.0%	100.0% #3E392F	RGB 62 57 47	#3E392F

#D9C9A6 #BFB092 #A5987E #8B806A #716856 #575042 #3E392F

#D9C9A6 - #8B806A - #3E392F

CSS codes

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

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