#CC6E3C - #98340E | 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 #CC6E3C to #98340E

#CC6E3C #98340E

Calculate the color between two colors, #CC6E3C and #98340E. 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)

#CC6E3C - #98340E | 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 #CC6E3C as 0% and #98340E as 100%.

0.0%	0.0% #CC6E3C	RGB 204 110 60	#CC6E3C
16.7%	16.7% #C36434	RGB 195 100 52	#C36434
33.3%	33.3% #BA5A2C	RGB 186 90 44	#BA5A2C
50.0%	50.0% #B25125	RGB 178 81 37	#B25125
66.7%	66.7% #A9471D	RGB 169 71 29	#A9471D
83.3%	83.3% #A03D15	RGB 160 61 21	#A03D15
100.0%	100.0% #98340E	RGB 152 52 14	#98340E

#CC6E3C #C36434 #BA5A2C #B25125 #A9471D #A03D15 #98340E

#CC6E3C - #98340E

HSV Blend

#CC6E3C - #98340E | 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 #CC6E3C as 0% and #98340E as 100%.

0.0%	0.0% #CC6E3C	RGB 204 110 60	#CC6E3C
16.7%	16.7% #C36332	RGB 195 99 50	#C36332
33.3%	33.3% #BA582A	RGB 186 88 42	#BA582A
50.0%	50.0% #B24F22	RGB 178 79 34	#B24F22
66.7%	66.7% #A9451A	RGB 169 69 26	#A9451A
83.3%	83.3% #A03C14	RGB 160 60 20	#A03C14
100.0%	100.0% #98340E	RGB 152 52 14	#98340E

#CC6E3C #C36332 #BA582A #B24F22 #A9451A #A03C14 #98340E

#CC6E3C - #B24F22 - #98340E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CC6E3C 0%, #B24F22 50%, #98340E 100%);
    background: -webkit-linear-gradient(top, #CC6E3C 0%, #B24F22 50%, #98340E 100%);
    background: linear-gradient(to bottom, #CC6E3C 0%, #B24F22 50%, #98340E 100%);
}
</style>