#DDDA8C - #3F3E28 | 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 #DDDA8C to #3F3E28

#DDDA8C #3F3E28

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

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

0.0%	0.0% #DDDA8C	RGB 221 218 140	#DDDA8C
16.7%	16.7% #C2C07B	RGB 194 192 123	#C2C07B
33.3%	33.3% #A8A66A	RGB 168 166 106	#A8A66A
50.0%	50.0% #8E8C5A	RGB 142 140 90	#8E8C5A
66.7%	66.7% #737249	RGB 115 114 73	#737249
83.3%	83.3% #595838	RGB 89 88 56	#595838
100.0%	100.0% #3F3E28	RGB 63 62 40	#3F3E28

#DDDA8C #C2C07B #A8A66A #8E8C5A #737249 #595838 #3F3E28

#DDDA8C - #3F3E28

HSV Blend

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

0.0%	0.0% #DDDA8C	RGB 221 218 140	#DDDA8C
16.7%	16.7% #C2BF7B	RGB 194 191 123	#C2BF7B
33.3%	33.3% #A8A56A	RGB 168 165 106	#A8A56A
50.0%	50.0% #8E8B5A	RGB 142 139 90	#8E8B5A
66.7%	66.7% #737149	RGB 115 113 73	#737149
83.3%	83.3% #595738	RGB 89 87 56	#595738
100.0%	100.0% #3F3E28	RGB 63 62 40	#3F3E28

#DDDA8C #C2BF7B #A8A56A #8E8B5A #737149 #595738 #3F3E28

#DDDA8C - #8E8B5A - #3F3E28

CSS codes

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

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