#FC3C3C - #B60D10 | 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 #FC3C3C to #B60D10

#FC3C3C #B60D10

Calculate the color between two colors, #FC3C3C and #B60D10. 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)

#FC3C3C - #B60D10 | 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 #FC3C3C as 0% and #B60D10 as 100%.

0.0%	0.0% #FC3C3C	RGB 252 60 60	#FC3C3C
16.7%	16.7% #F03434	RGB 240 52 52	#F03434
33.3%	33.3% #E42C2D	RGB 228 44 45	#E42C2D
50.0%	50.0% #D92426	RGB 217 36 38	#D92426
66.7%	66.7% #CD1C1E	RGB 205 28 30	#CD1C1E
83.3%	83.3% #C11417	RGB 193 20 23	#C11417
100.0%	100.0% #B60D10	RGB 182 13 16	#B60D10

#FC3C3C #F03434 #E42C2D #D92426 #CD1C1E #C11417 #B60D10

#FC3C3C - #B60D10

HSV Blend

#FC3C3C - #B60D10 | 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 #FC3C3C as 0% and #B60D10 as 100%.

0.0%	0.0% #FC3C3C	RGB 252 60 60	#FC3C3C
16.7%	16.7% #F03233	RGB 240 50 51	#F03233
33.3%	33.3% #E4292A	RGB 228 41 42	#E4292A
50.0%	50.0% #D92123	RGB 217 33 35	#D92123
66.7%	66.7% #CD1A1C	RGB 205 26 28	#CD1A1C
83.3%	83.3% #C11315	RGB 193 19 21	#C11315
100.0%	100.0% #B60D10	RGB 182 13 16	#B60D10

#FC3C3C #F03233 #E4292A #D92123 #CD1A1C #C11315 #B60D10

#FC3C3C - #D92123 - #B60D10

CSS codes

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

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