#C9A02D - #9A600B | 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 #C9A02D to #9A600B

#C9A02D #9A600B

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

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

0.0%	0.0% #C9A02D	RGB 201 160 45	#C9A02D
16.7%	16.7% #C19527	RGB 193 149 39	#C19527
33.3%	33.3% #B98A21	RGB 185 138 33	#B98A21
50.0%	50.0% #B1801C	RGB 177 128 28	#B1801C
66.7%	66.7% #A97516	RGB 169 117 22	#A97516
83.3%	83.3% #A16A10	RGB 161 106 16	#A16A10
100.0%	100.0% #9A600B	RGB 154 96 11	#9A600B

#C9A02D #C19527 #B98A21 #B1801C #A97516 #A16A10 #9A600B

#C9A02D - #9A600B

HSV Blend

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

0.0%	0.0% #C9A02D	RGB 201 160 45	#C9A02D
16.7%	16.7% #C19426	RGB 193 148 38	#C19426
33.3%	33.3% #B98920	RGB 185 137 32	#B98920
50.0%	50.0% #B17E1A	RGB 177 126 26	#B17E1A
66.7%	66.7% #A97414	RGB 169 116 20	#A97414
83.3%	83.3% #A16A0F	RGB 161 106 15	#A16A0F
100.0%	100.0% #9A600B	RGB 154 96 11	#9A600B

#C9A02D #C19426 #B98920 #B17E1A #A97414 #A16A0F #9A600B

#C9A02D - #B17E1A - #9A600B

CSS codes

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

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