#D3CD5E - #3C3A1B | 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 #D3CD5E to #3C3A1B

#D3CD5E #3C3A1B

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

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

0.0%	0.0% #D3CD5E	RGB 211 205 94	#D3CD5E
16.7%	16.7% #B9B452	RGB 185 180 82	#B9B452
33.3%	33.3% #A09C47	RGB 160 156 71	#A09C47
50.0%	50.0% #87833C	RGB 135 131 60	#87833C
66.7%	66.7% #6E6B31	RGB 110 107 49	#6E6B31
83.3%	83.3% #555226	RGB 85 82 38	#555226
100.0%	100.0% #3C3A1B	RGB 60 58 27	#3C3A1B

#D3CD5E #B9B452 #A09C47 #87833C #6E6B31 #555226 #3C3A1B

#D3CD5E - #3C3A1B

HSV Blend

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

0.0%	0.0% #D3CD5D	RGB 211 205 93	#D3CD5D
16.7%	16.7% #B9B452	RGB 185 180 82	#B9B452
33.3%	33.3% #A09B47	RGB 160 155 71	#A09B47
50.0%	50.0% #87833C	RGB 135 131 60	#87833C
66.7%	66.7% #6E6A31	RGB 110 106 49	#6E6A31
83.3%	83.3% #555226	RGB 85 82 38	#555226
100.0%	100.0% #3C3A1B	RGB 60 58 27	#3C3A1B

#D3CD5D #B9B452 #A09B47 #87833C #6E6A31 #555226 #3C3A1B

#D3CD5E - #87833C - #3C3A1B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D3CD5D 0%, #87833C 50%, #3C3A1B 100%);
    background: -webkit-linear-gradient(top, #D3CD5D 0%, #87833C 50%, #3C3A1B 100%);
    background: linear-gradient(to bottom, #D3CD5D 0%, #87833C 50%, #3C3A1B 100%);
}
</style>