#DFB475 - #FCF997 | 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 #DFB475 to #FCF997

#DFB475 #FCF997

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

#DFB475 - #FCF997 | 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 #DFB475 as 0% and #FCF997 as 100%.

0.0%	0.0% #DFB475	RGB 223 180 117	#DFB475
16.7%	16.7% #E3BF7A	RGB 227 191 122	#E3BF7A
33.3%	33.3% #E8CB80	RGB 232 203 128	#E8CB80
50.0%	50.0% #EDD686	RGB 237 214 134	#EDD686
66.7%	66.7% #F2E28B	RGB 242 226 139	#F2E28B
83.3%	83.3% #F7ED91	RGB 247 237 145	#F7ED91
100.0%	100.0% #FCF997	RGB 252 249 151	#FCF997

#DFB475 #E3BF7A #E8CB80 #EDD686 #F2E28B #F7ED91 #FCF997

#DFB475 - #FCF997

HSV Blend

#DFB475 - #FCF997 | 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 #DFB475 as 0% and #FCF997 as 100%.

0.0%	0.0% #DFB475	RGB 223 180 117	#DFB475
16.7%	16.7% #E3BF7A	RGB 227 191 122	#E3BF7A
33.3%	33.3% #E8CB7F	RGB 232 203 127	#E8CB7F
50.0%	50.0% #EDD685	RGB 237 214 133	#EDD685
66.7%	66.7% #F2E28B	RGB 242 226 139	#F2E28B
83.3%	83.3% #F7ED91	RGB 247 237 145	#F7ED91
100.0%	100.0% #FCF997	RGB 252 249 151	#FCF997

#DFB475 #E3BF7A #E8CB7F #EDD685 #F2E28B #F7ED91 #FCF997

#DFB475 - #EDD685 - #FCF997

CSS codes

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

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