#FC3E3E - #FFA14D | 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 #FC3E3E to #FFA14D

#FC3E3E #FFA14D

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

#FC3E3E - #FFA14D | 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 #FC3E3E as 0% and #FFA14D as 100%.

0.0%	0.0% #FC3E3E	RGB 252 62 62	#FC3E3E
16.7%	16.7% #FC4E40	RGB 252 78 64	#FC4E40
33.3%	33.3% #FD5F43	RGB 253 95 67	#FD5F43
50.0%	50.0% #FD6F45	RGB 253 111 69	#FD6F45
66.7%	66.7% #FE8048	RGB 254 128 72	#FE8048
83.3%	83.3% #FE904A	RGB 254 144 74	#FE904A
100.0%	100.0% #FFA14D	RGB 255 161 77	#FFA14D

#FC3E3E #FC4E40 #FD5F43 #FD6F45 #FE8048 #FE904A #FFA14D

#FC3E3E - #FFA14D

HSV Blend

#FC3E3E - #FFA14D | 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 #FC3E3E as 0% and #FFA14D as 100%.

0.0%	0.0% #FC3E3E	RGB 252 62 62	#FC3E3E
16.7%	16.7% #FC4F40	RGB 252 79 64	#FC4F40
33.3%	33.3% #FD6042	RGB 253 96 66	#FD6042
50.0%	50.0% #FD7045	RGB 253 112 69	#FD7045
66.7%	66.7% #FE8147	RGB 254 129 71	#FE8147
83.3%	83.3% #FE914A	RGB 254 145 74	#FE914A
100.0%	100.0% #FFA14D	RGB 255 161 77	#FFA14D

#FC3E3E #FC4F40 #FD6042 #FD7045 #FE8147 #FE914A #FFA14D

#FC3E3E - #FD7045 - #FFA14D

CSS codes

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

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