#EF5D3C - #FFE3A1 | 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 #EF5D3C to #FFE3A1

#EF5D3C #FFE3A1

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

#EF5D3C - #FFE3A1 | 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 #EF5D3C as 0% and #FFE3A1 as 100%.

0.0%	0.0% #EF5D3C	RGB 239 93 60	#EF5D3C
16.7%	16.7% #F1734C	RGB 241 115 76	#F1734C
33.3%	33.3% #F4895D	RGB 244 137 93	#F4895D
50.0%	50.0% #F7A06E	RGB 247 160 110	#F7A06E
66.7%	66.7% #F9B67F	RGB 249 182 127	#F9B67F
83.3%	83.3% #FCCC90	RGB 252 204 144	#FCCC90
100.0%	100.0% #FFE3A1	RGB 255 227 161	#FFE3A1

#EF5D3C #F1734C #F4895D #F7A06E #F9B67F #FCCC90 #FFE3A1

#EF5D3C - #FFE3A1

HSV Blend

#EF5D3C - #FFE3A1 | 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 #EF5D3C as 0% and #FFE3A1 as 100%.

0.0%	0.0% #EF5D3C	RGB 239 93 60	#EF5D3C
16.7%	16.7% #F1784B	RGB 241 120 75	#F1784B
33.3%	33.3% #F4925C	RGB 244 146 92	#F4925C
50.0%	50.0% #F7AA6C	RGB 247 170 108	#F7AA6C
66.7%	66.7% #F9BF7D	RGB 249 191 125	#F9BF7D
83.3%	83.3% #FCD28F	RGB 252 210 143	#FCD28F
100.0%	100.0% #FFE3A1	RGB 255 227 161	#FFE3A1

#EF5D3C #F1784B #F4925C #F7AA6C #F9BF7D #FCD28F #FFE3A1

#EF5D3C - #F7AA6C - #FFE3A1

CSS codes

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

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