#C8111C - #FF510D | 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 #C8111C to #FF510D

#C8111C #FF510D

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

#C8111C - #FF510D | 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 #C8111C as 0% and #FF510D as 100%.

0.0%	0.0% #C8111C	RGB 200 17 28	#C8111C
16.7%	16.7% #D11B19	RGB 209 27 25	#D11B19
33.3%	33.3% #DA2617	RGB 218 38 23	#DA2617
50.0%	50.0% #E33114	RGB 227 49 20	#E33114
66.7%	66.7% #EC3B12	RGB 236 59 18	#EC3B12
83.3%	83.3% #F5460F	RGB 245 70 15	#F5460F
100.0%	100.0% #FF510D	RGB 255 81 13	#FF510D

#C8111C #D11B19 #DA2617 #E33114 #EC3B12 #F5460F #FF510D

#C8111C - #FF510D

HSV Blend

#C8111C - #FF510D | 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 #C8111C as 0% and #FF510D as 100%.

0.0%	0.0% #C8101C	RGB 200 16 28	#C8101C
16.7%	16.7% #D11011	RGB 209 16 17	#D11011
33.3%	33.3% #DA1A10	RGB 218 26 16	#DA1A10
50.0%	50.0% #E3260F	RGB 227 38 15	#E3260F
66.7%	66.7% #EC330E	RGB 236 51 14	#EC330E
83.3%	83.3% #F5410D	RGB 245 65 13	#F5410D
100.0%	100.0% #FF510D	RGB 255 81 13	#FF510D

#C8101C #D11011 #DA1A10 #E3260F #EC330E #F5410D #FF510D

#C8111C - #E3260F - #FF510D

CSS codes

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

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