#E05D5E - #FFB16C | 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 #E05D5E to #FFB16C

#E05D5E #FFB16C

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

#E05D5E - #FFB16C | 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 #E05D5E as 0% and #FFB16C as 100%.

0.0%	0.0% #E05D5E	RGB 224 93 94	#E05D5E
16.7%	16.7% #E56B60	RGB 229 107 96	#E56B60
33.3%	33.3% #EA7962	RGB 234 121 98	#EA7962
50.0%	50.0% #EF8765	RGB 239 135 101	#EF8765
66.7%	66.7% #F49567	RGB 244 149 103	#F49567
83.3%	83.3% #F9A369	RGB 249 163 105	#F9A369
100.0%	100.0% #FFB16C	RGB 255 177 108	#FFB16C

#E05D5E #E56B60 #EA7962 #EF8765 #F49567 #F9A369 #FFB16C

#E05D5E - #FFB16C

HSV Blend

#E05D5E - #FFB16C | 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 #E05D5E as 0% and #FFB16C as 100%.

0.0%	0.0% #E05D5D	RGB 224 93 93	#E05D5D
16.7%	16.7% #E5695F	RGB 229 105 95	#E5695F
33.3%	33.3% #EA7661	RGB 234 118 97	#EA7661
50.0%	50.0% #EF8464	RGB 239 132 100	#EF8464
66.7%	66.7% #F49266	RGB 244 146 102	#F49266
83.3%	83.3% #F9A169	RGB 249 161 105	#F9A169
100.0%	100.0% #FFB16C	RGB 255 177 108	#FFB16C

#E05D5D #E5695F #EA7661 #EF8464 #F49266 #F9A169 #FFB16C

#E05D5E - #EF8464 - #FFB16C

CSS codes

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

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