#C3AC3E - #966F0F | 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 #C3AC3E to #966F0F

#C3AC3E #966F0F

Calculate the color between two colors, #C3AC3E and #966F0F. 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)

#C3AC3E - #966F0F | 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 #C3AC3E as 0% and #966F0F as 100%.

0.0%	0.0% #C3AC3E	RGB 195 172 62	#C3AC3E
16.7%	16.7% #BBA136	RGB 187 161 54	#BBA136
33.3%	33.3% #B4972E	RGB 180 151 46	#B4972E
50.0%	50.0% #AC8D26	RGB 172 141 38	#AC8D26
66.7%	66.7% #A5831E	RGB 165 131 30	#A5831E
83.3%	83.3% #9D7916	RGB 157 121 22	#9D7916
100.0%	100.0% #966F0F	RGB 150 111 15	#966F0F

#C3AC3E #BBA136 #B4972E #AC8D26 #A5831E #9D7916 #966F0F

#C3AC3E - #966F0F

HSV Blend

#C3AC3E - #966F0F | 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 #C3AC3E as 0% and #966F0F as 100%.

0.0%	0.0% #C3AC3E	RGB 195 172 62	#C3AC3E
16.7%	16.7% #BBA134	RGB 187 161 52	#BBA134
33.3%	33.3% #B4972C	RGB 180 151 44	#B4972C
50.0%	50.0% #AC8C24	RGB 172 140 36	#AC8C24
66.7%	66.7% #A5821C	RGB 165 130 28	#A5821C
83.3%	83.3% #9D7815	RGB 157 120 21	#9D7815
100.0%	100.0% #966F0F	RGB 150 111 15	#966F0F

#C3AC3E #BBA134 #B4972C #AC8C24 #A5821C #9D7815 #966F0F

#C3AC3E - #AC8C24 - #966F0F

CSS codes

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

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