#C1343C - #FF7E40 | 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 #C1343C to #FF7E40

#C1343C #FF7E40

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

#C1343C - #FF7E40 | 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 #C1343C as 0% and #FF7E40 as 100%.

0.0%	0.0% #C1343C	RGB 193 52 60	#C1343C
16.7%	16.7% #CB403C	RGB 203 64 60	#CB403C
33.3%	33.3% #D54C3D	RGB 213 76 61	#D54C3D
50.0%	50.0% #E0593E	RGB 224 89 62	#E0593E
66.7%	66.7% #EA653E	RGB 234 101 62	#EA653E
83.3%	83.3% #F4713F	RGB 244 113 63	#F4713F
100.0%	100.0% #FF7E40	RGB 255 126 64	#FF7E40

#C1343C #CB403C #D54C3D #E0593E #EA653E #F4713F #FF7E40

#C1343C - #FF7E40

HSV Blend

#C1343C - #FF7E40 | 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 #C1343C as 0% and #FF7E40 as 100%.

0.0%	0.0% #C1343C	RGB 193 52 60	#C1343C
16.7%	16.7% #CB3736	RGB 203 55 54	#CB3736
33.3%	33.3% #D54338	RGB 213 67 56	#D54338
50.0%	50.0% #E0503A	RGB 224 80 58	#E0503A
66.7%	66.7% #EA5E3C	RGB 234 94 60	#EA5E3C
83.3%	83.3% #F46D3E	RGB 244 109 62	#F46D3E
100.0%	100.0% #FF7E40	RGB 255 126 64	#FF7E40

#C1343C #CB3736 #D54338 #E0503A #EA5E3C #F46D3E #FF7E40

#C1343C - #E0503A - #FF7E40

CSS codes

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

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