#FFDF93 - #EEAB3C | 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 #FFDF93 to #EEAB3C

#FFDF93 #EEAB3C

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

#FFDF93 - #EEAB3C | 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 #FFDF93 as 0% and #EEAB3C as 100%.

0.0%	0.0% #FFDF93	RGB 255 223 147	#FFDF93
16.7%	16.7% #FCD684	RGB 252 214 132	#FCD684
33.3%	33.3% #F9CD76	RGB 249 205 118	#F9CD76
50.0%	50.0% #F6C567	RGB 246 197 103	#F6C567
66.7%	66.7% #F3BC59	RGB 243 188 89	#F3BC59
83.3%	83.3% #F0B34A	RGB 240 179 74	#F0B34A
100.0%	100.0% #EEAB3C	RGB 238 171 60	#EEAB3C

#FFDF93 #FCD684 #F9CD76 #F6C567 #F3BC59 #F0B34A #EEAB3C

#FFDF93 - #EEAB3C

HSV Blend

#FFDF93 - #EEAB3C | 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 #FFDF93 as 0% and #EEAB3C as 100%.

0.0%	0.0% #FFDF93	RGB 255 223 147	#FFDF93
16.7%	16.7% #FCD683	RGB 252 214 131	#FCD683
33.3%	33.3% #F9CE74	RGB 249 206 116	#F9CE74
50.0%	50.0% #F6C566	RGB 246 197 102	#F6C566
66.7%	66.7% #F3BD57	RGB 243 189 87	#F3BD57
83.3%	83.3% #F0B449	RGB 240 180 73	#F0B449
100.0%	100.0% #EEAB3C	RGB 238 171 60	#EEAB3C

#FFDF93 #FCD683 #F9CE74 #F6C566 #F3BD57 #F0B449 #EEAB3C

#FFDF93 - #F6C566 - #EEAB3C

CSS codes

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

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