#C9CA65 - #8D941F | 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 #C9CA65 to #8D941F

#C9CA65 #8D941F

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

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

0.0%	0.0% #C9CA65	RGB 201 202 101	#C9CA65
16.7%	16.7% #BFC159	RGB 191 193 89	#BFC159
33.3%	33.3% #B5B84D	RGB 181 184 77	#B5B84D
50.0%	50.0% #ABAF42	RGB 171 175 66	#ABAF42
66.7%	66.7% #A1A636	RGB 161 166 54	#A1A636
83.3%	83.3% #979D2A	RGB 151 157 42	#979D2A
100.0%	100.0% #8D941F	RGB 141 148 31	#8D941F

#C9CA65 #BFC159 #B5B84D #ABAF42 #A1A636 #979D2A #8D941F

#C9CA65 - #8D941F

HSV Blend

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

0.0%	0.0% #C9CA65	RGB 201 202 101	#C9CA65
16.7%	16.7% #BFC157	RGB 191 193 87	#BFC157
33.3%	33.3% #B5B84A	RGB 181 184 74	#B5B84A
50.0%	50.0% #ABAF3E	RGB 171 175 62	#ABAF3E
66.7%	66.7% #A1A632	RGB 161 166 50	#A1A632
83.3%	83.3% #969D28	RGB 150 157 40	#969D28
100.0%	100.0% #8D941F	RGB 141 148 31	#8D941F

#C9CA65 #BFC157 #B5B84A #ABAF3E #A1A632 #969D28 #8D941F

#C9CA65 - #ABAF3E - #8D941F

CSS codes

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

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