#D4AF4D - #3C3216 | 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 #D4AF4D to #3C3216

#D4AF4D #3C3216

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

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

0.0%	0.0% #D4AF4D	RGB 212 175 77	#D4AF4D
16.7%	16.7% #BA9A43	RGB 186 154 67	#BA9A43
33.3%	33.3% #A1853A	RGB 161 133 58	#A1853A
50.0%	50.0% #887031	RGB 136 112 49	#887031
66.7%	66.7% #6E5B28	RGB 110 91 40	#6E5B28
83.3%	83.3% #55461F	RGB 85 70 31	#55461F
100.0%	100.0% #3C3216	RGB 60 50 22	#3C3216

#D4AF4D #BA9A43 #A1853A #887031 #6E5B28 #55461F #3C3216

#D4AF4D - #3C3216

HSV Blend

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

0.0%	0.0% #D4AF4D	RGB 212 175 77	#D4AF4D
16.7%	16.7% #BA9A43	RGB 186 154 67	#BA9A43
33.3%	33.3% #A1853A	RGB 161 133 58	#A1853A
50.0%	50.0% #887031	RGB 136 112 49	#887031
66.7%	66.7% #6E5B28	RGB 110 91 40	#6E5B28
83.3%	83.3% #55461F	RGB 85 70 31	#55461F
100.0%	100.0% #3C3216	RGB 60 50 22	#3C3216

#D4AF4D #BA9A43 #A1853A #887031 #6E5B28 #55461F #3C3216

#D4AF4D - #887031 - #3C3216

CSS codes

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

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