#E14F5E - #FFA86C | 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 #E14F5E to #FFA86C

#E14F5E #FFA86C

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

#E14F5E - #FFA86C | 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 #E14F5E as 0% and #FFA86C as 100%.

0.0%	0.0% #E14F5E	RGB 225 79 94	#E14F5E
16.7%	16.7% #E65D60	RGB 230 93 96	#E65D60
33.3%	33.3% #EB6C62	RGB 235 108 98	#EB6C62
50.0%	50.0% #F07B65	RGB 240 123 101	#F07B65
66.7%	66.7% #F58A67	RGB 245 138 103	#F58A67
83.3%	83.3% #FA9969	RGB 250 153 105	#FA9969
100.0%	100.0% #FFA86C	RGB 255 168 108	#FFA86C

#E14F5E #E65D60 #EB6C62 #F07B65 #F58A67 #FA9969 #FFA86C

#E14F5E - #FFA86C

HSV Blend

#E14F5E - #FFA86C | 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 #E14F5E as 0% and #FFA86C as 100%.

0.0%	0.0% #E14F5E	RGB 225 79 94	#E14F5E
16.7%	16.7% #E65356	RGB 230 83 86	#E65356
33.3%	33.3% #EB6258	RGB 235 98 88	#EB6258
50.0%	50.0% #F0735C	RGB 240 115 92	#F0735C
66.7%	66.7% #F58461	RGB 245 132 97	#F58461
83.3%	83.3% #FA9666	RGB 250 150 102	#FA9666
100.0%	100.0% #FFA86C	RGB 255 168 108	#FFA86C

#E14F5E #E65356 #EB6258 #F0735C #F58461 #FA9666 #FFA86C

#E14F5E - #F0735C - #FFA86C

CSS codes

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

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