#FFDF98 - #EEAB41 | 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 #FFDF98 to #EEAB41

#FFDF98 #EEAB41

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

#FFDF98 - #EEAB41 | 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 #FFDF98 as 0% and #EEAB41 as 100%.

0.0%	0.0% #FFDF98	RGB 255 223 152	#FFDF98
16.7%	16.7% #FCD689	RGB 252 214 137	#FCD689
33.3%	33.3% #F9CD7B	RGB 249 205 123	#F9CD7B
50.0%	50.0% #F6C56C	RGB 246 197 108	#F6C56C
66.7%	66.7% #F3BC5E	RGB 243 188 94	#F3BC5E
83.3%	83.3% #F0B34F	RGB 240 179 79	#F0B34F
100.0%	100.0% #EEAB41	RGB 238 171 65	#EEAB41

#FFDF98 #FCD689 #F9CD7B #F6C56C #F3BC5E #F0B34F #EEAB41

#FFDF98 - #EEAB41

HSV Blend

#FFDF98 - #EEAB41 | 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 #FFDF98 as 0% and #EEAB41 as 100%.

0.0%	0.0% #FFDF98	RGB 255 223 152	#FFDF98
16.7%	16.7% #FCD688	RGB 252 214 136	#FCD688
33.3%	33.3% #F9CE79	RGB 249 206 121	#F9CE79
50.0%	50.0% #F6C56B	RGB 246 197 107	#F6C56B
66.7%	66.7% #F3BD5C	RGB 243 189 92	#F3BD5C
83.3%	83.3% #F0B44E	RGB 240 180 78	#F0B44E
100.0%	100.0% #EEAB41	RGB 238 171 65	#EEAB41

#FFDF98 #FCD688 #F9CE79 #F6C56B #F3BD5C #F0B44E #EEAB41

#FFDF98 - #F6C56B - #EEAB41

CSS codes

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

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