#EF5C2D - #8C2200 | 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 #EF5C2D to #8C2200

#EF5C2D #8C2200

Calculate the color between two colors, #EF5C2D and #8C2200. 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)

#EF5C2D - #8C2200 | 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 #EF5C2D as 0% and #8C2200 as 100%.

0.0%	0.0% #EF5C2D	RGB 239 92 45	#EF5C2D
16.7%	16.7% #DE5225	RGB 222 82 37	#DE5225
33.3%	33.3% #CE481E	RGB 206 72 30	#CE481E
50.0%	50.0% #BD3F16	RGB 189 63 22	#BD3F16
66.7%	66.7% #AD350E	RGB 173 53 14	#AD350E
83.3%	83.3% #9C2B07	RGB 156 43 7	#9C2B07
100.0%	100.0% #8C2200	RGB 140 34 0	#8C2200

#EF5C2D #DE5225 #CE481E #BD3F16 #AD350E #9C2B07 #8C2200

#EF5C2D - #8C2200

HSV Blend

#EF5C2D - #8C2200 | 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 #EF5C2D as 0% and #8C2200 as 100%.

0.0%	0.0% #EF5C2D	RGB 239 92 45	#EF5C2D
16.7%	16.7% #DE5022	RGB 222 80 34	#DE5022
33.3%	33.3% #CE4519	RGB 206 69 25	#CE4519
50.0%	50.0% #BD3B11	RGB 189 59 17	#BD3B11
66.7%	66.7% #AD320A	RGB 173 50 10	#AD320A
83.3%	83.3% #9C2904	RGB 156 41 4	#9C2904
100.0%	100.0% #8C2200	RGB 140 34 0	#8C2200

#EF5C2D #DE5022 #CE4519 #BD3B11 #AD320A #9C2904 #8C2200

#EF5C2D - #BD3B11 - #8C2200

CSS codes

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

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