#D3DA7D - #3C3E23 | 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 #D3DA7D to #3C3E23

#D3DA7D #3C3E23

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

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

0.0%	0.0% #D3DA7D	RGB 211 218 125	#D3DA7D
16.7%	16.7% #B9C06E	RGB 185 192 110	#B9C06E
33.3%	33.3% #A0A65F	RGB 160 166 95	#A0A65F
50.0%	50.0% #878C50	RGB 135 140 80	#878C50
66.7%	66.7% #6E7241	RGB 110 114 65	#6E7241
83.3%	83.3% #555832	RGB 85 88 50	#555832
100.0%	100.0% #3C3E23	RGB 60 62 35	#3C3E23

#D3DA7D #B9C06E #A0A65F #878C50 #6E7241 #555832 #3C3E23

#D3DA7D - #3C3E23

HSV Blend

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

0.0%	0.0% #D3DA7D	RGB 211 218 125	#D3DA7D
16.7%	16.7% #B9C06D	RGB 185 192 109	#B9C06D
33.3%	33.3% #A0A65E	RGB 160 166 94	#A0A65E
50.0%	50.0% #878C4F	RGB 135 140 79	#878C4F
66.7%	66.7% #6E7240	RGB 110 114 64	#6E7240
83.3%	83.3% #555831	RGB 85 88 49	#555831
100.0%	100.0% #3C3E23	RGB 60 62 35	#3C3E23

#D3DA7D #B9C06D #A0A65E #878C4F #6E7240 #555831 #3C3E23

#D3DA7D - #878C4F - #3C3E23

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D3DA7D 0%, #878C4F 50%, #3C3E23 100%);
    background: -webkit-linear-gradient(top, #D3DA7D 0%, #878C4F 50%, #3C3E23 100%);
    background: linear-gradient(to bottom, #D3DA7D 0%, #878C4F 50%, #3C3E23 100%);
}
</style>