#FF8C5B - #F4DB7E | 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 #FF8C5B to #F4DB7E

#FF8C5B #F4DB7E

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

#FF8C5B - #F4DB7E | 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 #FF8C5B as 0% and #F4DB7E as 100%.

0.0%	0.0% #FF8C5B	RGB 255 140 91	#FF8C5B
16.7%	16.7% #FD9960	RGB 253 153 96	#FD9960
33.3%	33.3% #FBA666	RGB 251 166 102	#FBA666
50.0%	50.0% #F9B36C	RGB 249 179 108	#F9B36C
66.7%	66.7% #F7C072	RGB 247 192 114	#F7C072
83.3%	83.3% #F5CD78	RGB 245 205 120	#F5CD78
100.0%	100.0% #F4DB7E	RGB 244 219 126	#F4DB7E

#FF8C5B #FD9960 #FBA666 #F9B36C #F7C072 #F5CD78 #F4DB7E

#FF8C5B - #F4DB7E

HSV Blend

#FF8C5B - #F4DB7E | 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 #FF8C5B as 0% and #F4DB7E as 100%.

0.0%	0.0% #FF8C5B	RGB 255 140 91	#FF8C5B
16.7%	16.7% #FD9C61	RGB 253 156 97	#FD9C61
33.3%	33.3% #FBAB67	RGB 251 171 103	#FBAB67
50.0%	50.0% #F9B96C	RGB 249 185 108	#F9B96C
66.7%	66.7% #F7C572	RGB 247 197 114	#F7C572
83.3%	83.3% #F5D178	RGB 245 209 120	#F5D178
100.0%	100.0% #F4DB7E	RGB 244 219 126	#F4DB7E

#FF8C5B #FD9C61 #FBAB67 #F9B96C #F7C572 #F5D178 #F4DB7E

#FF8C5B - #F9B96C - #F4DB7E

CSS codes

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

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