#D3C384 - #3C3725 | 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 #D3C384 to #3C3725

#D3C384 #3C3725

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

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

0.0%	0.0% #D3C384	RGB 211 195 132	#D3C384
16.7%	16.7% #B9AB74	RGB 185 171 116	#B9AB74
33.3%	33.3% #A09464	RGB 160 148 100	#A09464
50.0%	50.0% #877D54	RGB 135 125 84	#877D54
66.7%	66.7% #6E6544	RGB 110 101 68	#6E6544
83.3%	83.3% #554E34	RGB 85 78 52	#554E34
100.0%	100.0% #3C3725	RGB 60 55 37	#3C3725

#D3C384 #B9AB74 #A09464 #877D54 #6E6544 #554E34 #3C3725

#D3C384 - #3C3725

HSV Blend

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

0.0%	0.0% #D3C384	RGB 211 195 132	#D3C384
16.7%	16.7% #B9AB73	RGB 185 171 115	#B9AB73
33.3%	33.3% #A09464	RGB 160 148 100	#A09464
50.0%	50.0% #877C54	RGB 135 124 84	#877C54
66.7%	66.7% #6E6544	RGB 110 101 68	#6E6544
83.3%	83.3% #554E34	RGB 85 78 52	#554E34
100.0%	100.0% #3C3725	RGB 60 55 37	#3C3725

#D3C384 #B9AB73 #A09464 #877C54 #6E6544 #554E34 #3C3725

#D3C384 - #877C54 - #3C3725

CSS codes

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

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