#CACB3C - #8C900F | 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 #CACB3C to #8C900F

#CACB3C #8C900F

Calculate the color between two colors, #CACB3C and #8C900F. 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)

#CACB3C - #8C900F | 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 #CACB3C as 0% and #8C900F as 100%.

0.0%	0.0% #CACB3C	RGB 202 203 60	#CACB3C
16.7%	16.7% #BFC134	RGB 191 193 52	#BFC134
33.3%	33.3% #B5B72D	RGB 181 183 45	#B5B72D
50.0%	50.0% #ABAD25	RGB 171 173 37	#ABAD25
66.7%	66.7% #A0A31E	RGB 160 163 30	#A0A31E
83.3%	83.3% #969916	RGB 150 153 22	#969916
100.0%	100.0% #8C900F	RGB 140 144 15	#8C900F

#CACB3C #BFC134 #B5B72D #ABAD25 #A0A31E #969916 #8C900F

#CACB3C - #8C900F

HSV Blend

#CACB3C - #8C900F | 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 #CACB3C as 0% and #8C900F as 100%.

0.0%	0.0% #CACB3C	RGB 202 203 60	#CACB3C
16.7%	16.7% #BFC132	RGB 191 193 50	#BFC132
33.3%	33.3% #B5B72A	RGB 181 183 42	#B5B72A
50.0%	50.0% #AAAD22	RGB 170 173 34	#AAAD22
66.7%	66.7% #A0A31B	RGB 160 163 27	#A0A31B
83.3%	83.3% #969914	RGB 150 153 20	#969914
100.0%	100.0% #8C900F	RGB 140 144 15	#8C900F

#CACB3C #BFC132 #B5B72A #AAAD22 #A0A31B #969914 #8C900F

#CACB3C - #AAAD22 - #8C900F

CSS codes

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

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