#CDA061 - #3A2D1B | 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 #CDA061 to #3A2D1B

#CDA061 #3A2D1B

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

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

0.0%	0.0% #CDA061	RGB 205 160 97	#CDA061
16.7%	16.7% #B48C55	RGB 180 140 85	#B48C55
33.3%	33.3% #9C7949	RGB 156 121 73	#9C7949
50.0%	50.0% #83663E	RGB 131 102 62	#83663E
66.7%	66.7% #6B5332	RGB 107 83 50	#6B5332
83.3%	83.3% #524026	RGB 82 64 38	#524026
100.0%	100.0% #3A2D1B	RGB 58 45 27	#3A2D1B

#CDA061 #B48C55 #9C7949 #83663E #6B5332 #524026 #3A2D1B

#CDA061 - #3A2D1B

HSV Blend

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

0.0%	0.0% #CDA061	RGB 205 160 97	#CDA061
16.7%	16.7% #B48C55	RGB 180 140 85	#B48C55
33.3%	33.3% #9C7949	RGB 156 121 73	#9C7949
50.0%	50.0% #83663D	RGB 131 102 61	#83663D
66.7%	66.7% #6B5332	RGB 107 83 50	#6B5332
83.3%	83.3% #524026	RGB 82 64 38	#524026
100.0%	100.0% #3A2D1B	RGB 58 45 27	#3A2D1B

#CDA061 #B48C55 #9C7949 #83663D #6B5332 #524026 #3A2D1B

#CDA061 - #83663D - #3A2D1B

CSS codes

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

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