#DCBF9F - #3E352D | 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 #DCBF9F to #3E352D

#DCBF9F #3E352D

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

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

0.0%	0.0% #DCBF9F	RGB 220 191 159	#DCBF9F
16.7%	16.7% #C1A88C	RGB 193 168 140	#C1A88C
33.3%	33.3% #A79179	RGB 167 145 121	#A79179
50.0%	50.0% #8D7A66	RGB 141 122 102	#8D7A66
66.7%	66.7% #726353	RGB 114 99 83	#726353
83.3%	83.3% #584C40	RGB 88 76 64	#584C40
100.0%	100.0% #3E352D	RGB 62 53 45	#3E352D

#DCBF9F #C1A88C #A79179 #8D7A66 #726353 #584C40 #3E352D

#DCBF9F - #3E352D

HSV Blend

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

0.0%	0.0% #DCBF9F	RGB 220 191 159	#DCBF9F
16.7%	16.7% #C1A78C	RGB 193 167 140	#C1A78C
33.3%	33.3% #A79079	RGB 167 144 121	#A79079
50.0%	50.0% #8D7966	RGB 141 121 102	#8D7966
66.7%	66.7% #726253	RGB 114 98 83	#726253
83.3%	83.3% #584B40	RGB 88 75 64	#584B40
100.0%	100.0% #3E352D	RGB 62 53 45	#3E352D

#DCBF9F #C1A78C #A79079 #8D7966 #726253 #584B40 #3E352D

#DCBF9F - #8D7966 - #3E352D

CSS codes

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

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