#FF8C75 - #EC3526 | 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 #FF8C75 to #EC3526

#FF8C75 #EC3526

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

#FF8C75 - #EC3526 | 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 #FF8C75 as 0% and #EC3526 as 100%.

0.0%	0.0% #FF8C75	RGB 255 140 117	#FF8C75
16.7%	16.7% #FB7D67	RGB 251 125 103	#FB7D67
33.3%	33.3% #F86F5A	RGB 248 111 90	#F86F5A
50.0%	50.0% #F5604D	RGB 245 96 77	#F5604D
66.7%	66.7% #F25240	RGB 242 82 64	#F25240
83.3%	83.3% #EF4333	RGB 239 67 51	#EF4333
100.0%	100.0% #EC3526	RGB 236 53 38	#EC3526

#FF8C75 #FB7D67 #F86F5A #F5604D #F25240 #EF4333 #EC3526

#FF8C75 - #EC3526

HSV Blend

#FF8C75 - #EC3526 | 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 #FF8C75 as 0% and #EC3526 as 100%.

0.0%	0.0% #FF8C75	RGB 255 140 117	#FF8C75
16.7%	16.7% #FB7D67	RGB 251 125 103	#FB7D67
33.3%	33.3% #F86F59	RGB 248 111 89	#F86F59
50.0%	50.0% #F5604C	RGB 245 96 76	#F5604C
66.7%	66.7% #F2523F	RGB 242 82 63	#F2523F
83.3%	83.3% #EF4332	RGB 239 67 50	#EF4332
100.0%	100.0% #EC3526	RGB 236 53 38	#EC3526

#FF8C75 #FB7D67 #F86F59 #F5604C #F2523F #EF4332 #EC3526

#FF8C75 - #F5604C - #EC3526

CSS codes

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

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