#CC9A2D - #9C5A0B | 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 #CC9A2D to #9C5A0B

#CC9A2D #9C5A0B

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

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

0.0%	0.0% #CC9A2D	RGB 204 154 45	#CC9A2D
16.7%	16.7% #C48F27	RGB 196 143 39	#C48F27
33.3%	33.3% #BC8421	RGB 188 132 33	#BC8421
50.0%	50.0% #B47A1C	RGB 180 122 28	#B47A1C
66.7%	66.7% #AC6F16	RGB 172 111 22	#AC6F16
83.3%	83.3% #A46410	RGB 164 100 16	#A46410
100.0%	100.0% #9C5A0B	RGB 156 90 11	#9C5A0B

#CC9A2D #C48F27 #BC8421 #B47A1C #AC6F16 #A46410 #9C5A0B

#CC9A2D - #9C5A0B

HSV Blend

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

0.0%	0.0% #CC9A2C	RGB 204 154 44	#CC9A2C
16.7%	16.7% #C48E26	RGB 196 142 38	#C48E26
33.3%	33.3% #BC8320	RGB 188 131 32	#BC8320
50.0%	50.0% #B4781A	RGB 180 120 26	#B4781A
66.7%	66.7% #AC6E14	RGB 172 110 20	#AC6E14
83.3%	83.3% #A4630F	RGB 164 99 15	#A4630F
100.0%	100.0% #9C5A0B	RGB 156 90 11	#9C5A0B

#CC9A2C #C48E26 #BC8320 #B4781A #AC6E14 #A4630F #9C5A0B

#CC9A2D - #B4781A - #9C5A0B

CSS codes

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

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