#CBA04D - #3A2D16 | 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 #CBA04D to #3A2D16

#CBA04D #3A2D16

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

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

0.0%	0.0% #CBA04D	RGB 203 160 77	#CBA04D
16.7%	16.7% #B28C43	RGB 178 140 67	#B28C43
33.3%	33.3% #9A793A	RGB 154 121 58	#9A793A
50.0%	50.0% #826631	RGB 130 102 49	#826631
66.7%	66.7% #6A5328	RGB 106 83 40	#6A5328
83.3%	83.3% #52401F	RGB 82 64 31	#52401F
100.0%	100.0% #3A2D16	RGB 58 45 22	#3A2D16

#CBA04D #B28C43 #9A793A #826631 #6A5328 #52401F #3A2D16

#CBA04D - #3A2D16

HSV Blend

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

0.0%	0.0% #CBA04D	RGB 203 160 77	#CBA04D
16.7%	16.7% #B28C43	RGB 178 140 67	#B28C43
33.3%	33.3% #9A793A	RGB 154 121 58	#9A793A
50.0%	50.0% #826631	RGB 130 102 49	#826631
66.7%	66.7% #6A5228	RGB 106 82 40	#6A5228
83.3%	83.3% #523F1F	RGB 82 63 31	#523F1F
100.0%	100.0% #3A2D16	RGB 58 45 22	#3A2D16

#CBA04D #B28C43 #9A793A #826631 #6A5228 #523F1F #3A2D16

#CBA04D - #826631 - #3A2D16

CSS codes

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

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