#CACA3E - #393911 | 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 #CACA3E to #393911

#CACA3E #393911

Calculate the color between two colors, #CACA3E and #393911. 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)

#CACA3E - #393911 | 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 #CACA3E as 0% and #393911 as 100%.

0.0%	0.0% #CACA3E	RGB 202 202 62	#CACA3E
16.7%	16.7% #B1B136	RGB 177 177 54	#B1B136
33.3%	33.3% #99992F	RGB 153 153 47	#99992F
50.0%	50.0% #818127	RGB 129 129 39	#818127
66.7%	66.7% #696920	RGB 105 105 32	#696920
83.3%	83.3% #515118	RGB 81 81 24	#515118
100.0%	100.0% #393911	RGB 57 57 17	#393911

#CACA3E #B1B136 #99992F #818127 #696920 #515118 #393911

#CACA3E - #393911

HSV Blend

#CACA3E - #393911 | 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 #CACA3E as 0% and #393911 as 100%.

0.0%	0.0% #CACA3E	RGB 202 202 62	#CACA3E
16.7%	16.7% #B1B136	RGB 177 177 54	#B1B136
33.3%	33.3% #99992E	RGB 153 153 46	#99992E
50.0%	50.0% #818127	RGB 129 129 39	#818127
66.7%	66.7% #69691F	RGB 105 105 31	#69691F
83.3%	83.3% #515118	RGB 81 81 24	#515118
100.0%	100.0% #393911	RGB 57 57 17	#393911

#CACA3E #B1B136 #99992E #818127 #69691F #515118 #393911

#CACA3E - #818127 - #393911

CSS codes

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

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