#CC3E3C - #9A120C | 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 #CC3E3C to #9A120C

#CC3E3C #9A120C

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

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

0.0%	0.0% #CC3E3C	RGB 204 62 60	#CC3E3C
16.7%	16.7% #C33634	RGB 195 54 52	#C33634
33.3%	33.3% #BB2F2C	RGB 187 47 44	#BB2F2C
50.0%	50.0% #B32824	RGB 179 40 36	#B32824
66.7%	66.7% #AA201C	RGB 170 32 28	#AA201C
83.3%	83.3% #A21914	RGB 162 25 20	#A21914
100.0%	100.0% #9A120C	RGB 154 18 12	#9A120C

#CC3E3C #C33634 #BB2F2C #B32824 #AA201C #A21914 #9A120C

#CC3E3C - #9A120C

HSV Blend

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

0.0%	0.0% #CC3E3C	RGB 204 62 60	#CC3E3C
16.7%	16.7% #C33532	RGB 195 53 50	#C33532
33.3%	33.3% #BB2C29	RGB 187 44 41	#BB2C29
50.0%	50.0% #B32521	RGB 179 37 33	#B32521
66.7%	66.7% #AA1E19	RGB 170 30 25	#AA1E19
83.3%	83.3% #A21712	RGB 162 23 18	#A21712
100.0%	100.0% #9A120C	RGB 154 18 12	#9A120C

#CC3E3C #C33532 #BB2C29 #B32521 #AA1E19 #A21712 #9A120C

#CC3E3C - #B32521 - #9A120C

CSS codes

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

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