#DFAC06 - #F8DA2D | 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 #DFAC06 to #F8DA2D

#DFAC06 #F8DA2D

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

#DFAC06 - #F8DA2D | 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 #DFAC06 as 0% and #F8DA2D as 100%.

0.0%	0.0% #DFAC06	RGB 223 172 6	#DFAC06
16.7%	16.7% #E3B30C	RGB 227 179 12	#E3B30C
33.3%	33.3% #E7BB13	RGB 231 187 19	#E7BB13
50.0%	50.0% #EBC319	RGB 235 195 25	#EBC319
66.7%	66.7% #EFCA20	RGB 239 202 32	#EFCA20
83.3%	83.3% #F3D226	RGB 243 210 38	#F3D226
100.0%	100.0% #F8DA2D	RGB 248 218 45	#F8DA2D

#DFAC06 #E3B30C #E7BB13 #EBC319 #EFCA20 #F3D226 #F8DA2D

#DFAC06 - #F8DA2D

HSV Blend

#DFAC06 - #F8DA2D | 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 #DFAC06 as 0% and #F8DA2D as 100%.

0.0%	0.0% #DFAC06	RGB 223 172 6	#DFAC06
16.7%	16.7% #E3B30B	RGB 227 179 11	#E3B30B
33.3%	33.3% #E7BB12	RGB 231 187 18	#E7BB12
50.0%	50.0% #EBC318	RGB 235 195 24	#EBC318
66.7%	66.7% #EFCA1F	RGB 239 202 31	#EFCA1F
83.3%	83.3% #F3D225	RGB 243 210 37	#F3D225
100.0%	100.0% #F8DA2D	RGB 248 218 45	#F8DA2D

#DFAC06 #E3B30B #E7BB12 #EBC318 #EFCA1F #F3D225 #F8DA2D

#DFAC06 - #EBC318 - #F8DA2D

CSS codes

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

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