#D6AB5E - #3D301A | 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 #D6AB5E to #3D301A

#D6AB5E #3D301A

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

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

0.0%	0.0% #D6AB5E	RGB 214 171 94	#D6AB5E
16.7%	16.7% #BC9652	RGB 188 150 82	#BC9652
33.3%	33.3% #A38247	RGB 163 130 71	#A38247
50.0%	50.0% #896D3C	RGB 137 109 60	#896D3C
66.7%	66.7% #705930	RGB 112 89 48	#705930
83.3%	83.3% #564425	RGB 86 68 37	#564425
100.0%	100.0% #3D301A	RGB 61 48 26	#3D301A

#D6AB5E #BC9652 #A38247 #896D3C #705930 #564425 #3D301A

#D6AB5E - #3D301A

HSV Blend

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

0.0%	0.0% #D6AB5E	RGB 214 171 94	#D6AB5E
16.7%	16.7% #BC9652	RGB 188 150 82	#BC9652
33.3%	33.3% #A38146	RGB 163 129 70	#A38146
50.0%	50.0% #896D3B	RGB 137 109 59	#896D3B
66.7%	66.7% #705830	RGB 112 88 48	#705830
83.3%	83.3% #564425	RGB 86 68 37	#564425
100.0%	100.0% #3D301A	RGB 61 48 26	#3D301A

#D6AB5E #BC9652 #A38146 #896D3B #705830 #564425 #3D301A

#D6AB5E - #896D3B - #3D301A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D6AB5E 0%, #896D3B 50%, #3D301A 100%);
    background: -webkit-linear-gradient(top, #D6AB5E 0%, #896D3B 50%, #3D301A 100%);
    background: linear-gradient(to bottom, #D6AB5E 0%, #896D3B 50%, #3D301A 100%);
}
</style>