#DFAE3C - #FCF656 | 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 #DFAE3C to #FCF656

#DFAE3C #FCF656

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

#DFAE3C - #FCF656 | 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 #DFAE3C as 0% and #FCF656 as 100%.

0.0%	0.0% #DFAE3C	RGB 223 174 60	#DFAE3C
16.7%	16.7% #E3BA40	RGB 227 186 64	#E3BA40
33.3%	33.3% #E8C644	RGB 232 198 68	#E8C644
50.0%	50.0% #EDD249	RGB 237 210 73	#EDD249
66.7%	66.7% #F2DE4D	RGB 242 222 77	#F2DE4D
83.3%	83.3% #F7EA51	RGB 247 234 81	#F7EA51
100.0%	100.0% #FCF656	RGB 252 246 86	#FCF656

#DFAE3C #E3BA40 #E8C644 #EDD249 #F2DE4D #F7EA51 #FCF656

#DFAE3C - #FCF656

HSV Blend

#DFAE3C - #FCF656 | 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 #DFAE3C as 0% and #FCF656 as 100%.

0.0%	0.0% #DFAE3C	RGB 223 174 60	#DFAE3C
16.7%	16.7% #E3B940	RGB 227 185 64	#E3B940
33.3%	33.3% #E8C544	RGB 232 197 68	#E8C544
50.0%	50.0% #EDD148	RGB 237 209 72	#EDD148
66.7%	66.7% #F2DD4C	RGB 242 221 76	#F2DD4C
83.3%	83.3% #F7E951	RGB 247 233 81	#F7E951
100.0%	100.0% #FCF656	RGB 252 246 86	#FCF656

#DFAE3C #E3B940 #E8C544 #EDD148 #F2DD4C #F7E951 #FCF656

#DFAE3C - #EDD148 - #FCF656

CSS codes

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

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