#FF7D78 - #C5211C | 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 #FF7D78 to #C5211C

#FF7D78 #C5211C

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

#FF7D78 - #C5211C | 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 #FF7D78 as 0% and #C5211C as 100%.

0.0%	0.0% #FF7D78	RGB 255 125 120	#FF7D78
16.7%	16.7% #F56D68	RGB 245 109 104	#F56D68
33.3%	33.3% #EB5E59	RGB 235 94 89	#EB5E59
50.0%	50.0% #E24F4A	RGB 226 79 74	#E24F4A
66.7%	66.7% #D83F3A	RGB 216 63 58	#D83F3A
83.3%	83.3% #CE302B	RGB 206 48 43	#CE302B
100.0%	100.0% #C5211C	RGB 197 33 28	#C5211C

#FF7D78 #F56D68 #EB5E59 #E24F4A #D83F3A #CE302B #C5211C

#FF7D78 - #C5211C

HSV Blend

#FF7D78 - #C5211C | 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 #FF7D78 as 0% and #C5211C as 100%.

0.0%	0.0% #FF7D78	RGB 255 125 120	#FF7D78
16.7%	16.7% #F56B66	RGB 245 107 102	#F56B66
33.3%	33.3% #EB5A55	RGB 235 90 85	#EB5A55
50.0%	50.0% #E24A45	RGB 226 74 69	#E24A45
66.7%	66.7% #D83B36	RGB 216 59 54	#D83B36
83.3%	83.3% #CE2D28	RGB 206 45 40	#CE2D28
100.0%	100.0% #C5211C	RGB 197 33 28	#C5211C

#FF7D78 #F56B66 #EB5A55 #E24A45 #D83B36 #CE2D28 #C5211C

#FF7D78 - #E24A45 - #C5211C

CSS codes

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

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