#D2D9B2 - #3C3E32 | 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 #D2D9B2 to #3C3E32

#D2D9B2 #3C3E32

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

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

0.0%	0.0% #D2D9B2	RGB 210 217 178	#D2D9B2
16.7%	16.7% #B9BF9C	RGB 185 191 156	#B9BF9C
33.3%	33.3% #A0A587	RGB 160 165 135	#A0A587
50.0%	50.0% #878B72	RGB 135 139 114	#878B72
66.7%	66.7% #6E715C	RGB 110 113 92	#6E715C
83.3%	83.3% #555747	RGB 85 87 71	#555747
100.0%	100.0% #3C3E32	RGB 60 62 50	#3C3E32

#D2D9B2 #B9BF9C #A0A587 #878B72 #6E715C #555747 #3C3E32

#D2D9B2 - #3C3E32

HSV Blend

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

0.0%	0.0% #D2D9B2	RGB 210 217 178	#D2D9B2
16.7%	16.7% #B8BF9C	RGB 184 191 156	#B8BF9C
33.3%	33.3% #9FA586	RGB 159 165 134	#9FA586
50.0%	50.0% #868B71	RGB 134 139 113	#868B71
66.7%	66.7% #6D715C	RGB 109 113 92	#6D715C
83.3%	83.3% #545747	RGB 84 87 71	#545747
100.0%	100.0% #3C3E32	RGB 60 62 50	#3C3E32

#D2D9B2 #B8BF9C #9FA586 #868B71 #6D715C #545747 #3C3E32

#D2D9B2 - #868B71 - #3C3E32

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D2D9B2 0%, #868B71 50%, #3C3E32 100%);
    background: -webkit-linear-gradient(top, #D2D9B2 0%, #868B71 50%, #3C3E32 100%);
    background: linear-gradient(to bottom, #D2D9B2 0%, #868B71 50%, #3C3E32 100%);
}
</style>