#CCC091 - #3A3629 | 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 #CCC091 to #3A3629

#CCC091 #3A3629

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

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

0.0%	0.0% #CCC091	RGB 204 192 145	#CCC091
16.7%	16.7% #B3A97F	RGB 179 169 127	#B3A97F
33.3%	33.3% #9B926E	RGB 155 146 110	#9B926E
50.0%	50.0% #837B5D	RGB 131 123 93	#837B5D
66.7%	66.7% #6A644B	RGB 106 100 75	#6A644B
83.3%	83.3% #524D3A	RGB 82 77 58	#524D3A
100.0%	100.0% #3A3629	RGB 58 54 41	#3A3629

#CCC091 #B3A97F #9B926E #837B5D #6A644B #524D3A #3A3629

#CCC091 - #3A3629

HSV Blend

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

0.0%	0.0% #CCC091	RGB 204 192 145	#CCC091
16.7%	16.7% #B3A87F	RGB 179 168 127	#B3A87F
33.3%	33.3% #9B916E	RGB 155 145 110	#9B916E
50.0%	50.0% #837A5C	RGB 131 122 92	#837A5C
66.7%	66.7% #6A634B	RGB 106 99 75	#6A634B
83.3%	83.3% #524C3A	RGB 82 76 58	#524C3A
100.0%	100.0% #3A3629	RGB 58 54 41	#3A3629

#CCC091 #B3A87F #9B916E #837A5C #6A634B #524C3A #3A3629

#CCC091 - #837A5C - #3A3629

CSS codes

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

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