#CCC981 - #3A3924 | 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 #CCC981 to #3A3924

#CCC981 #3A3924

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

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

0.0%	0.0% #CCC981	RGB 204 201 129	#CCC981
16.7%	16.7% #B3B171	RGB 179 177 113	#B3B171
33.3%	33.3% #9B9962	RGB 155 153 98	#9B9962
50.0%	50.0% #838152	RGB 131 129 82	#838152
66.7%	66.7% #6A6943	RGB 106 105 67	#6A6943
83.3%	83.3% #525133	RGB 82 81 51	#525133
100.0%	100.0% #3A3924	RGB 58 57 36	#3A3924

#CCC981 #B3B171 #9B9962 #838152 #6A6943 #525133 #3A3924

#CCC981 - #3A3924

HSV Blend

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

0.0%	0.0% #CCC981	RGB 204 201 129	#CCC981
16.7%	16.7% #B3B071	RGB 179 176 113	#B3B071
33.3%	33.3% #9B9861	RGB 155 152 97	#9B9861
50.0%	50.0% #838052	RGB 131 128 82	#838052
66.7%	66.7% #6A6842	RGB 106 104 66	#6A6842
83.3%	83.3% #525033	RGB 82 80 51	#525033
100.0%	100.0% #3A3924	RGB 58 57 36	#3A3924

#CCC981 #B3B071 #9B9861 #838052 #6A6842 #525033 #3A3924

#CCC981 - #838052 - #3A3924

CSS codes

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

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