#C0343C - #FF7D40 | 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 #C0343C to #FF7D40

#C0343C #FF7D40

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

#C0343C - #FF7D40 | 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 #C0343C as 0% and #FF7D40 as 100%.

0.0%	0.0% #C0343C	RGB 192 52 60	#C0343C
16.7%	16.7% #CA403C	RGB 202 64 60	#CA403C
33.3%	33.3% #D54C3D	RGB 213 76 61	#D54C3D
50.0%	50.0% #DF583E	RGB 223 88 62	#DF583E
66.7%	66.7% #EA643E	RGB 234 100 62	#EA643E
83.3%	83.3% #F4703F	RGB 244 112 63	#F4703F
100.0%	100.0% #FF7D40	RGB 255 125 64	#FF7D40

#C0343C #CA403C #D54C3D #DF583E #EA643E #F4703F #FF7D40

#C0343C - #FF7D40

HSV Blend

#C0343C - #FF7D40 | 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 #C0343C as 0% and #FF7D40 as 100%.

0.0%	0.0% #C0343C	RGB 192 52 60	#C0343C
16.7%	16.7% #CA3736	RGB 202 55 54	#CA3736
33.3%	33.3% #D54238	RGB 213 66 56	#D54238
50.0%	50.0% #DF4F3A	RGB 223 79 58	#DF4F3A
66.7%	66.7% #EA5D3C	RGB 234 93 60	#EA5D3C
83.3%	83.3% #F46C3E	RGB 244 108 62	#F46C3E
100.0%	100.0% #FF7D40	RGB 255 125 64	#FF7D40

#C0343C #CA3736 #D54238 #DF4F3A #EA5D3C #F46C3E #FF7D40

#C0343C - #DF4F3A - #FF7D40

CSS codes

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

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