#FFBC5E - #EFEC8A | 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 #FFBC5E to #EFEC8A

#FFBC5E #EFEC8A

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

#FFBC5E - #EFEC8A | 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 #FFBC5E as 0% and #EFEC8A as 100%.

0.0%	0.0% #FFBC5E	RGB 255 188 94	#FFBC5E
16.7%	16.7% #FCC465	RGB 252 196 101	#FCC465
33.3%	33.3% #F9CC6C	RGB 249 204 108	#F9CC6C
50.0%	50.0% #F7D474	RGB 247 212 116	#F7D474
66.7%	66.7% #F4DC7B	RGB 244 220 123	#F4DC7B
83.3%	83.3% #F1E482	RGB 241 228 130	#F1E482
100.0%	100.0% #EFEC8A	RGB 239 236 138	#EFEC8A

#FFBC5E #FCC465 #F9CC6C #F7D474 #F4DC7B #F1E482 #EFEC8A

#FFBC5E - #EFEC8A

HSV Blend

#FFBC5E - #EFEC8A | 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 #FFBC5E as 0% and #EFEC8A as 100%.

0.0%	0.0% #FFBC5D	RGB 255 188 93	#FFBC5D
16.7%	16.7% #FCC765	RGB 252 199 101	#FCC765
33.3%	33.3% #F9D16D	RGB 249 209 109	#F9D16D
50.0%	50.0% #F7D974	RGB 247 217 116	#F7D974
66.7%	66.7% #F4E17C	RGB 244 225 124	#F4E17C
83.3%	83.3% #F1E783	RGB 241 231 131	#F1E783
100.0%	100.0% #EFEC8A	RGB 239 236 138	#EFEC8A

#FFBC5D #FCC765 #F9D16D #F7D974 #F4E17C #F1E783 #EFEC8A

#FFBC5E - #F7D974 - #EFEC8A

CSS codes

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

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