#C1320C - #FE750C | 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 #C1320C to #FE750C

#C1320C #FE750C

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

#C1320C - #FE750C | 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 #C1320C as 0% and #FE750C as 100%.

0.0%	0.0% #C1320C	RGB 193 50 12	#C1320C
16.7%	16.7% #CB3D0C	RGB 203 61 12	#CB3D0C
33.3%	33.3% #D5480C	RGB 213 72 12	#D5480C
50.0%	50.0% #DF530C	RGB 223 83 12	#DF530C
66.7%	66.7% #E95E0C	RGB 233 94 12	#E95E0C
83.3%	83.3% #F3690C	RGB 243 105 12	#F3690C
100.0%	100.0% #FE750C	RGB 254 117 12	#FE750C

#C1320C #CB3D0C #D5480C #DF530C #E95E0C #F3690C #FE750C

#C1320C - #FE750C

HSV Blend

#C1320C - #FE750C | 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 #C1320C as 0% and #FE750C as 100%.

0.0%	0.0% #C1320C	RGB 193 50 12	#C1320C
16.7%	16.7% #CB3B0C	RGB 203 59 12	#CB3B0C
33.3%	33.3% #D5450C	RGB 213 69 12	#D5450C
50.0%	50.0% #DF500C	RGB 223 80 12	#DF500C
66.7%	66.7% #E95B0C	RGB 233 91 12	#E95B0C
83.3%	83.3% #F3680C	RGB 243 104 12	#F3680C
100.0%	100.0% #FE750C	RGB 254 117 12	#FE750C

#C1320C #CB3B0C #D5450C #DF500C #E95B0C #F3680C #FE750C

#C1320C - #DF500C - #FE750C

CSS codes

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

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