#D3C29D - #3C372C | 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 #D3C29D to #3C372C

#D3C29D #3C372C

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

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

0.0%	0.0% #D3C29D	RGB 211 194 157	#D3C29D
16.7%	16.7% #B9AA8A	RGB 185 170 138	#B9AA8A
33.3%	33.3% #A09377	RGB 160 147 119	#A09377
50.0%	50.0% #877C64	RGB 135 124 100	#877C64
66.7%	66.7% #6E6551	RGB 110 101 81	#6E6551
83.3%	83.3% #554E3E	RGB 85 78 62	#554E3E
100.0%	100.0% #3C372C	RGB 60 55 44	#3C372C

#D3C29D #B9AA8A #A09377 #877C64 #6E6551 #554E3E #3C372C

#D3C29D - #3C372C

HSV Blend

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

0.0%	0.0% #D3C29D	RGB 211 194 157	#D3C29D
16.7%	16.7% #B9AA89	RGB 185 170 137	#B9AA89
33.3%	33.3% #A09376	RGB 160 147 118	#A09376
50.0%	50.0% #877C64	RGB 135 124 100	#877C64
66.7%	66.7% #6E6551	RGB 110 101 81	#6E6551
83.3%	83.3% #554E3E	RGB 85 78 62	#554E3E
100.0%	100.0% #3C372C	RGB 60 55 44	#3C372C

#D3C29D #B9AA89 #A09376 #877C64 #6E6551 #554E3E #3C372C

#D3C29D - #877C64 - #3C372C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D3C29D 0%, #877C64 50%, #3C372C 100%);
    background: -webkit-linear-gradient(top, #D3C29D 0%, #877C64 50%, #3C372C 100%);
    background: linear-gradient(to bottom, #D3C29D 0%, #877C64 50%, #3C372C 100%);
}
</style>