#F9EA5E - #47421A | 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 #F9EA5E to #47421A

#F9EA5E #47421A

Calculate the color between two colors, #F9EA5E and #47421A. 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)

#F9EA5E - #47421A | 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 #F9EA5E as 0% and #47421A as 100%.

0.0%	0.0% #F9EA5E	RGB 249 234 94	#F9EA5E
16.7%	16.7% #DBCE52	RGB 219 206 82	#DBCE52
33.3%	33.3% #BDB247	RGB 189 178 71	#BDB247
50.0%	50.0% #A0963C	RGB 160 150 60	#A0963C
66.7%	66.7% #827A30	RGB 130 122 48	#827A30
83.3%	83.3% #645E25	RGB 100 94 37	#645E25
100.0%	100.0% #47421A	RGB 71 66 26	#47421A

#F9EA5E #DBCE52 #BDB247 #A0963C #827A30 #645E25 #47421A

#F9EA5E - #47421A

HSV Blend

#F9EA5E - #47421A | 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 #F9EA5E as 0% and #47421A as 100%.

0.0%	0.0% #F9EA5E	RGB 249 234 94	#F9EA5E
16.7%	16.7% #DBCD52	RGB 219 205 82	#DBCD52
33.3%	33.3% #BDB146	RGB 189 177 70	#BDB146
50.0%	50.0% #A0953B	RGB 160 149 59	#A0953B
66.7%	66.7% #827930	RGB 130 121 48	#827930
83.3%	83.3% #645D25	RGB 100 93 37	#645D25
100.0%	100.0% #47421A	RGB 71 66 26	#47421A

#F9EA5E #DBCD52 #BDB146 #A0953B #827930 #645D25 #47421A

#F9EA5E - #A0953B - #47421A

CSS codes

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

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