#FE5E3C - #C8220F | 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 #FE5E3C to #C8220F

#FE5E3C #C8220F

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

#FE5E3C - #C8220F | 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 #FE5E3C as 0% and #C8220F as 100%.

0.0%	0.0% #FE5E3C	RGB 254 94 60	#FE5E3C
16.7%	16.7% #F55434	RGB 245 84 52	#F55434
33.3%	33.3% #EC4A2D	RGB 236 74 45	#EC4A2D
50.0%	50.0% #E34025	RGB 227 64 37	#E34025
66.7%	66.7% #DA361E	RGB 218 54 30	#DA361E
83.3%	83.3% #D12C16	RGB 209 44 22	#D12C16
100.0%	100.0% #C8220F	RGB 200 34 15	#C8220F

#FE5E3C #F55434 #EC4A2D #E34025 #DA361E #D12C16 #C8220F

#FE5E3C - #C8220F

HSV Blend

#FE5E3C - #C8220F | 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 #FE5E3C as 0% and #C8220F as 100%.

0.0%	0.0% #FE5E3C	RGB 254 94 60	#FE5E3C
16.7%	16.7% #F55233	RGB 245 82 51	#F55233
33.3%	33.3% #EC482B	RGB 236 72 43	#EC482B
50.0%	50.0% #E33D23	RGB 227 61 35	#E33D23
66.7%	66.7% #DA341C	RGB 218 52 28	#DA341C
83.3%	83.3% #D12A15	RGB 209 42 21	#D12A15
100.0%	100.0% #C8220F	RGB 200 34 15	#C8220F

#FE5E3C #F55233 #EC482B #E33D23 #DA341C #D12A15 #C8220F

#FE5E3C - #E33D23 - #C8220F

CSS codes

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

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