#DFAC3C - #FEDE61 | 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 #DFAC3C to #FEDE61

#DFAC3C #FEDE61

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

#DFAC3C - #FEDE61 | 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 #DFAC3C as 0% and #FEDE61 as 100%.

0.0%	0.0% #DFAC3C	RGB 223 172 60	#DFAC3C
16.7%	16.7% #E4B442	RGB 228 180 66	#E4B442
33.3%	33.3% #E9BC48	RGB 233 188 72	#E9BC48
50.0%	50.0% #EEC54E	RGB 238 197 78	#EEC54E
66.7%	66.7% #F3CD54	RGB 243 205 84	#F3CD54
83.3%	83.3% #F8D55A	RGB 248 213 90	#F8D55A
100.0%	100.0% #FEDE61	RGB 254 222 97	#FEDE61

#DFAC3C #E4B442 #E9BC48 #EEC54E #F3CD54 #F8D55A #FEDE61

#DFAC3C - #FEDE61

HSV Blend

#DFAC3C - #FEDE61 | 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 #DFAC3C as 0% and #FEDE61 as 100%.

0.0%	0.0% #DFAC3C	RGB 223 172 60	#DFAC3C
16.7%	16.7% #E4B441	RGB 228 180 65	#E4B441
33.3%	33.3% #E9BC47	RGB 233 188 71	#E9BC47
50.0%	50.0% #EEC44D	RGB 238 196 77	#EEC44D
66.7%	66.7% #F3CD53	RGB 243 205 83	#F3CD53
83.3%	83.3% #F8D55A	RGB 248 213 90	#F8D55A
100.0%	100.0% #FEDE61	RGB 254 222 97	#FEDE61

#DFAC3C #E4B441 #E9BC47 #EEC44D #F3CD53 #F8D55A #FEDE61

#DFAC3C - #EEC44D - #FEDE61

CSS codes

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

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