#DFBCA8 - #3F3530 | 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 #DFBCA8 to #3F3530

#DFBCA8 #3F3530

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

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

0.0%	0.0% #DFBCA8	RGB 223 188 168	#DFBCA8
16.7%	16.7% #C4A594	RGB 196 165 148	#C4A594
33.3%	33.3% #A98F80	RGB 169 143 128	#A98F80
50.0%	50.0% #8F786C	RGB 143 120 108	#8F786C
66.7%	66.7% #746258	RGB 116 98 88	#746258
83.3%	83.3% #594B44	RGB 89 75 68	#594B44
100.0%	100.0% #3F3530	RGB 63 53 48	#3F3530

#DFBCA8 #C4A594 #A98F80 #8F786C #746258 #594B44 #3F3530

#DFBCA8 - #3F3530

HSV Blend

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

0.0%	0.0% #DFBCA8	RGB 223 188 168	#DFBCA8
16.7%	16.7% #C4A594	RGB 196 165 148	#C4A594
33.3%	33.3% #A98E80	RGB 169 142 128	#A98E80
50.0%	50.0% #8F786C	RGB 143 120 108	#8F786C
66.7%	66.7% #746158	RGB 116 97 88	#746158
83.3%	83.3% #594B44	RGB 89 75 68	#594B44
100.0%	100.0% #3F3530	RGB 63 53 48	#3F3530

#DFBCA8 #C4A594 #A98E80 #8F786C #746158 #594B44 #3F3530

#DFBCA8 - #8F786C - #3F3530

CSS codes

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

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