#FFDFA2 - #EEAA4A | 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 #FFDFA2 to #EEAA4A

#FFDFA2 #EEAA4A

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

#FFDFA2 - #EEAA4A | 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 #FFDFA2 as 0% and #EEAA4A as 100%.

0.0%	0.0% #FFDFA2	RGB 255 223 162	#FFDFA2
16.7%	16.7% #FCD693	RGB 252 214 147	#FCD693
33.3%	33.3% #F9CD84	RGB 249 205 132	#F9CD84
50.0%	50.0% #F6C476	RGB 246 196 118	#F6C476
66.7%	66.7% #F3BB67	RGB 243 187 103	#F3BB67
83.3%	83.3% #F0B258	RGB 240 178 88	#F0B258
100.0%	100.0% #EEAA4A	RGB 238 170 74	#EEAA4A

#FFDFA2 #FCD693 #F9CD84 #F6C476 #F3BB67 #F0B258 #EEAA4A

#FFDFA2 - #EEAA4A

HSV Blend

#FFDFA2 - #EEAA4A | 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 #FFDFA2 as 0% and #EEAA4A as 100%.

0.0%	0.0% #FFDFA2	RGB 255 223 162	#FFDFA2
16.7%	16.7% #FCD692	RGB 252 214 146	#FCD692
33.3%	33.3% #F9CD83	RGB 249 205 131	#F9CD83
50.0%	50.0% #F6C574	RGB 246 197 116	#F6C574
66.7%	66.7% #F3BC66	RGB 243 188 102	#F3BC66
83.3%	83.3% #F0B357	RGB 240 179 87	#F0B357
100.0%	100.0% #EEAA4A	RGB 238 170 74	#EEAA4A

#FFDFA2 #FCD692 #F9CD83 #F6C574 #F3BC66 #F0B357 #EEAA4A

#FFDFA2 - #F6C574 - #EEAA4A

CSS codes

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

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