#FCDBA3 - #EAA34B | 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 #FCDBA3 to #EAA34B

#FCDBA3 #EAA34B

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

#FCDBA3 - #EAA34B | 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 #FCDBA3 as 0% and #EAA34B as 100%.

0.0%	0.0% #FCDBA3	RGB 252 219 163	#FCDBA3
16.7%	16.7% #F9D194	RGB 249 209 148	#F9D194
33.3%	33.3% #F6C885	RGB 246 200 133	#F6C885
50.0%	50.0% #F3BF77	RGB 243 191 119	#F3BF77
66.7%	66.7% #F0B568	RGB 240 181 104	#F0B568
83.3%	83.3% #EDAC59	RGB 237 172 89	#EDAC59
100.0%	100.0% #EAA34B	RGB 234 163 75	#EAA34B

#FCDBA3 #F9D194 #F6C885 #F3BF77 #F0B568 #EDAC59 #EAA34B

#FCDBA3 - #EAA34B

HSV Blend

#FCDBA3 - #EAA34B | 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 #FCDBA3 as 0% and #EAA34B as 100%.

0.0%	0.0% #FCDBA3	RGB 252 219 163	#FCDBA3
16.7%	16.7% #F9D293	RGB 249 210 147	#F9D293
33.3%	33.3% #F6C884	RGB 246 200 132	#F6C884
50.0%	50.0% #F3BF75	RGB 243 191 117	#F3BF75
66.7%	66.7% #F0B667	RGB 240 182 103	#F0B667
83.3%	83.3% #EDAC58	RGB 237 172 88	#EDAC58
100.0%	100.0% #EAA34B	RGB 234 163 75	#EAA34B

#FCDBA3 #F9D293 #F6C884 #F3BF75 #F0B667 #EDAC58 #EAA34B

#FCDBA3 - #F3BF75 - #EAA34B

CSS codes

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

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