#CC4C3C - #8F1C0E | 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 #CC4C3C to #8F1C0E

#CC4C3C #8F1C0E

Calculate the color between two colors, #CC4C3C and #8F1C0E. 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)

#CC4C3C - #8F1C0E | 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 #CC4C3C as 0% and #8F1C0E as 100%.

0.0%	0.0% #CC4C3C	RGB 204 76 60	#CC4C3C
16.7%	16.7% #C14434	RGB 193 68 52	#C14434
33.3%	33.3% #B73C2C	RGB 183 60 44	#B73C2C
50.0%	50.0% #AD3425	RGB 173 52 37	#AD3425
66.7%	66.7% #A32C1D	RGB 163 44 29	#A32C1D
83.3%	83.3% #992415	RGB 153 36 21	#992415
100.0%	100.0% #8F1C0E	RGB 143 28 14	#8F1C0E

#CC4C3C #C14434 #B73C2C #AD3425 #A32C1D #992415 #8F1C0E

#CC4C3C - #8F1C0E

HSV Blend

#CC4C3C - #8F1C0E | 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 #CC4C3C as 0% and #8F1C0E as 100%.

0.0%	0.0% #CC4C3C	RGB 204 76 60	#CC4C3C
16.7%	16.7% #C14232	RGB 193 66 50	#C14232
33.3%	33.3% #B7392A	RGB 183 57 42	#B7392A
50.0%	50.0% #AD3122	RGB 173 49 34	#AD3122
66.7%	66.7% #A3291A	RGB 163 41 26	#A3291A
83.3%	83.3% #992214	RGB 153 34 20	#992214
100.0%	100.0% #8F1C0E	RGB 143 28 14	#8F1C0E

#CC4C3C #C14232 #B7392A #AD3122 #A3291A #992214 #8F1C0E

#CC4C3C - #AD3122 - #8F1C0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CC4C3C 0%, #AD3122 50%, #8F1C0E 100%);
    background: -webkit-linear-gradient(top, #CC4C3C 0%, #AD3122 50%, #8F1C0E 100%);
    background: linear-gradient(to bottom, #CC4C3C 0%, #AD3122 50%, #8F1C0E 100%);
}
</style>