#C9C62D - #9A890D | 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 #C9C62D to #9A890D

#C9C62D #9A890D

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

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

0.0%	0.0% #C9C62D	RGB 201 198 45	#C9C62D
16.7%	16.7% #C1BB27	RGB 193 187 39	#C1BB27
33.3%	33.3% #B9B122	RGB 185 177 34	#B9B122
50.0%	50.0% #B1A71D	RGB 177 167 29	#B1A71D
66.7%	66.7% #A99D17	RGB 169 157 23	#A99D17
83.3%	83.3% #A19312	RGB 161 147 18	#A19312
100.0%	100.0% #9A890D	RGB 154 137 13	#9A890D

#C9C62D #C1BB27 #B9B122 #B1A71D #A99D17 #A19312 #9A890D

#C9C62D - #9A890D

HSV Blend

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

0.0%	0.0% #C9C62D	RGB 201 198 45	#C9C62D
16.7%	16.7% #C1BB26	RGB 193 187 38	#C1BB26
33.3%	33.3% #B9B120	RGB 185 177 32	#B9B120
50.0%	50.0% #B1A71B	RGB 177 167 27	#B1A71B
66.7%	66.7% #A99C16	RGB 169 156 22	#A99C16
83.3%	83.3% #A19211	RGB 161 146 17	#A19211
100.0%	100.0% #9A890D	RGB 154 137 13	#9A890D

#C9C62D #C1BB26 #B9B120 #B1A71B #A99C16 #A19211 #9A890D

#C9C62D - #B1A71B - #9A890D

CSS codes

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

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