#C8C84B - #9C9114 | 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 #C8C84B to #9C9114

#C8C84B #9C9114

Calculate the color between two colors, #C8C84B and #9C9114. 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)

#C8C84B - #9C9114 | 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 #C8C84B as 0% and #9C9114 as 100%.

0.0%	0.0% #C8C84B	RGB 200 200 75	#C8C84B
16.7%	16.7% #C0BE41	RGB 192 190 65	#C0BE41
33.3%	33.3% #B9B538	RGB 185 181 56	#B9B538
50.0%	50.0% #B2AC2F	RGB 178 172 47	#B2AC2F
66.7%	66.7% #AAA326	RGB 170 163 38	#AAA326
83.3%	83.3% #A39A1D	RGB 163 154 29	#A39A1D
100.0%	100.0% #9C9114	RGB 156 145 20	#9C9114

#C8C84B #C0BE41 #B9B538 #B2AC2F #AAA326 #A39A1D #9C9114

#C8C84B - #9C9114

HSV Blend

#C8C84B - #9C9114 | 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 #C8C84B as 0% and #9C9114 as 100%.

0.0%	0.0% #C8C84B	RGB 200 200 75	#C8C84B
16.7%	16.7% #C0BE40	RGB 192 190 64	#C0BE40
33.3%	33.3% #B9B536	RGB 185 181 54	#B9B536
50.0%	50.0% #B2AC2C	RGB 178 172 44	#B2AC2C
66.7%	66.7% #AAA323	RGB 170 163 35	#AAA323
83.3%	83.3% #A39A1B	RGB 163 154 27	#A39A1B
100.0%	100.0% #9C9114	RGB 156 145 20	#9C9114

#C8C84B #C0BE40 #B9B536 #B2AC2C #AAA323 #A39A1B #9C9114

#C8C84B - #B2AC2C - #9C9114

CSS codes

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

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