#FCDA6B - #E4A320 | 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 #FCDA6B to #E4A320

#FCDA6B #E4A320

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

#FCDA6B - #E4A320 | 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 #FCDA6B as 0% and #E4A320 as 100%.

0.0%	0.0% #FCDA6B	RGB 252 218 107	#FCDA6B
16.7%	16.7% #F8D05E	RGB 248 208 94	#F8D05E
33.3%	33.3% #F4C752	RGB 244 199 82	#F4C752
50.0%	50.0% #F0BE45	RGB 240 190 69	#F0BE45
66.7%	66.7% #ECB539	RGB 236 181 57	#ECB539
83.3%	83.3% #E8AC2C	RGB 232 172 44	#E8AC2C
100.0%	100.0% #E4A320	RGB 228 163 32	#E4A320

#FCDA6B #F8D05E #F4C752 #F0BE45 #ECB539 #E8AC2C #E4A320

#FCDA6B - #E4A320

HSV Blend

#FCDA6B - #E4A320 | 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 #FCDA6B as 0% and #E4A320 as 100%.

0.0%	0.0% #FCDA6B	RGB 252 218 107	#FCDA6B
16.7%	16.7% #F8D15D	RGB 248 209 93	#F8D15D
33.3%	33.3% #F4C850	RGB 244 200 80	#F4C850
50.0%	50.0% #F0BF43	RGB 240 191 67	#F0BF43
66.7%	66.7% #ECB537	RGB 236 181 55	#ECB537
83.3%	83.3% #E8AC2B	RGB 232 172 43	#E8AC2B
100.0%	100.0% #E4A320	RGB 228 163 32	#E4A320

#FCDA6B #F8D15D #F4C850 #F0BF43 #ECB537 #E8AC2B #E4A320

#FCDA6B - #F0BF43 - #E4A320

CSS codes

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

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