#FFB564 - #EFEB8E | 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 #FFB564 to #EFEB8E

#FFB564 #EFEB8E

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

#FFB564 - #EFEB8E | 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 #FFB564 as 0% and #EFEB8E as 100%.

0.0%	0.0% #FFB564	RGB 255 181 100	#FFB564
16.7%	16.7% #FCBE6B	RGB 252 190 107	#FCBE6B
33.3%	33.3% #F9C772	RGB 249 199 114	#F9C772
50.0%	50.0% #F7D079	RGB 247 208 121	#F7D079
66.7%	66.7% #F4D980	RGB 244 217 128	#F4D980
83.3%	83.3% #F1E287	RGB 241 226 135	#F1E287
100.0%	100.0% #EFEB8E	RGB 239 235 142	#EFEB8E

#FFB564 #FCBE6B #F9C772 #F7D079 #F4D980 #F1E287 #EFEB8E

#FFB564 - #EFEB8E

HSV Blend

#FFB564 - #EFEB8E | 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 #FFB564 as 0% and #EFEB8E as 100%.

0.0%	0.0% #FFB564	RGB 255 181 100	#FFB564
16.7%	16.7% #FCC16B	RGB 252 193 107	#FCC16B
33.3%	33.3% #F9CC72	RGB 249 204 114	#F9CC72
50.0%	50.0% #F7D679	RGB 247 214 121	#F7D679
66.7%	66.7% #F4DE80	RGB 244 222 128	#F4DE80
83.3%	83.3% #F1E587	RGB 241 229 135	#F1E587
100.0%	100.0% #EFEB8E	RGB 239 235 142	#EFEB8E

#FFB564 #FCC16B #F9CC72 #F7D679 #F4DE80 #F1E587 #EFEB8E

#FFB564 - #F7D679 - #EFEB8E

CSS codes

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

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