#DFCC6C - #3F3A1E | 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 #DFCC6C to #3F3A1E

#DFCC6C #3F3A1E

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

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

0.0%	0.0% #DFCC6C	RGB 223 204 108	#DFCC6C
16.7%	16.7% #C4B35F	RGB 196 179 95	#C4B35F
33.3%	33.3% #A99B52	RGB 169 155 82	#A99B52
50.0%	50.0% #8F8345	RGB 143 131 69	#8F8345
66.7%	66.7% #746A38	RGB 116 106 56	#746A38
83.3%	83.3% #59522B	RGB 89 82 43	#59522B
100.0%	100.0% #3F3A1E	RGB 63 58 30	#3F3A1E

#DFCC6C #C4B35F #A99B52 #8F8345 #746A38 #59522B #3F3A1E

#DFCC6C - #3F3A1E

HSV Blend

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

0.0%	0.0% #DFCC6C	RGB 223 204 108	#DFCC6C
16.7%	16.7% #C4B35E	RGB 196 179 94	#C4B35E
33.3%	33.3% #A99B51	RGB 169 155 81	#A99B51
50.0%	50.0% #8F8344	RGB 143 131 68	#8F8344
66.7%	66.7% #746A37	RGB 116 106 55	#746A37
83.3%	83.3% #59522A	RGB 89 82 42	#59522A
100.0%	100.0% #3F3A1E	RGB 63 58 30	#3F3A1E

#DFCC6C #C4B35E #A99B51 #8F8344 #746A37 #59522A #3F3A1E

#DFCC6C - #8F8344 - #3F3A1E

CSS codes

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

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