#C9973C - #9C580E | 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 #C9973C to #9C580E

#C9973C #9C580E

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

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

0.0%	0.0% #C9973C	RGB 201 151 60	#C9973C
16.7%	16.7% #C18C34	RGB 193 140 52	#C18C34
33.3%	33.3% #BA822C	RGB 186 130 44	#BA822C
50.0%	50.0% #B27725	RGB 178 119 37	#B27725
66.7%	66.7% #AB6D1D	RGB 171 109 29	#AB6D1D
83.3%	83.3% #A36215	RGB 163 98 21	#A36215
100.0%	100.0% #9C580E	RGB 156 88 14	#9C580E

#C9973C #C18C34 #BA822C #B27725 #AB6D1D #A36215 #9C580E

#C9973C - #9C580E

HSV Blend

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

0.0%	0.0% #C9973C	RGB 201 151 60	#C9973C
16.7%	16.7% #C18C33	RGB 193 140 51	#C18C33
33.3%	33.3% #BA812A	RGB 186 129 42	#BA812A
50.0%	50.0% #B27622	RGB 178 118 34	#B27622
66.7%	66.7% #AB6C1B	RGB 171 108 27	#AB6C1B
83.3%	83.3% #A36114	RGB 163 97 20	#A36114
100.0%	100.0% #9C580E	RGB 156 88 14	#9C580E

#C9973C #C18C33 #BA812A #B27622 #AB6C1B #A36114 #9C580E

#C9973C - #B27622 - #9C580E

CSS codes

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

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