#CCC96C - #3A391E | 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 #CCC96C to #3A391E

#CCC96C #3A391E

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

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

0.0%	0.0% #CCC96C	RGB 204 201 108	#CCC96C
16.7%	16.7% #B3B15F	RGB 179 177 95	#B3B15F
33.3%	33.3% #9B9952	RGB 155 153 82	#9B9952
50.0%	50.0% #838145	RGB 131 129 69	#838145
66.7%	66.7% #6A6938	RGB 106 105 56	#6A6938
83.3%	83.3% #52512B	RGB 82 81 43	#52512B
100.0%	100.0% #3A391E	RGB 58 57 30	#3A391E

#CCC96C #B3B15F #9B9952 #838145 #6A6938 #52512B #3A391E

#CCC96C - #3A391E

HSV Blend

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

0.0%	0.0% #CCC96C	RGB 204 201 108	#CCC96C
16.7%	16.7% #B3B05E	RGB 179 176 94	#B3B05E
33.3%	33.3% #9B9851	RGB 155 152 81	#9B9851
50.0%	50.0% #838044	RGB 131 128 68	#838044
66.7%	66.7% #6A6837	RGB 106 104 55	#6A6837
83.3%	83.3% #52502A	RGB 82 80 42	#52502A
100.0%	100.0% #3A391E	RGB 58 57 30	#3A391E

#CCC96C #B3B05E #9B9851 #838044 #6A6837 #52502A #3A391E

#CCC96C - #838044 - #3A391E

CSS codes

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

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