#FFDAA3 - #EFA14B | 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 #FFDAA3 to #EFA14B

#FFDAA3 #EFA14B

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

#FFDAA3 - #EFA14B | 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 #FFDAA3 as 0% and #EFA14B as 100%.

0.0%	0.0% #FFDAA3	RGB 255 218 163	#FFDAA3
16.7%	16.7% #FCD094	RGB 252 208 148	#FCD094
33.3%	33.3% #F9C785	RGB 249 199 133	#F9C785
50.0%	50.0% #F7BD77	RGB 247 189 119	#F7BD77
66.7%	66.7% #F4B468	RGB 244 180 104	#F4B468
83.3%	83.3% #F1AA59	RGB 241 170 89	#F1AA59
100.0%	100.0% #EFA14B	RGB 239 161 75	#EFA14B

#FFDAA3 #FCD094 #F9C785 #F7BD77 #F4B468 #F1AA59 #EFA14B

#FFDAA3 - #EFA14B

HSV Blend

#FFDAA3 - #EFA14B | 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 #FFDAA3 as 0% and #EFA14B as 100%.

0.0%	0.0% #FFDAA3	RGB 255 218 163	#FFDAA3
16.7%	16.7% #FCD093	RGB 252 208 147	#FCD093
33.3%	33.3% #F9C784	RGB 249 199 132	#F9C784
50.0%	50.0% #F7BE75	RGB 247 190 117	#F7BE75
66.7%	66.7% #F4B467	RGB 244 180 103	#F4B467
83.3%	83.3% #F1AA58	RGB 241 170 88	#F1AA58
100.0%	100.0% #EFA14B	RGB 239 161 75	#EFA14B

#FFDAA3 #FCD093 #F9C784 #F7BE75 #F4B467 #F1AA58 #EFA14B

#FFDAA3 - #F7BE75 - #EFA14B

CSS codes

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

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