#FFD9A6 - #EC9F4D | 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 #FFD9A6 to #EC9F4D

#FFD9A6 #EC9F4D

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

#FFD9A6 - #EC9F4D | 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 #FFD9A6 as 0% and #EC9F4D as 100%.

0.0%	0.0% #FFD9A6	RGB 255 217 166	#FFD9A6
16.7%	16.7% #FBCF97	RGB 251 207 151	#FBCF97
33.3%	33.3% #F8C588	RGB 248 197 136	#F8C588
50.0%	50.0% #F5BC79	RGB 245 188 121	#F5BC79
66.7%	66.7% #F2B26A	RGB 242 178 106	#F2B26A
83.3%	83.3% #EFA85B	RGB 239 168 91	#EFA85B
100.0%	100.0% #EC9F4D	RGB 236 159 77	#EC9F4D

#FFD9A6 #FBCF97 #F8C588 #F5BC79 #F2B26A #EFA85B #EC9F4D

#FFD9A6 - #EC9F4D

HSV Blend

#FFD9A6 - #EC9F4D | 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 #FFD9A6 as 0% and #EC9F4D as 100%.

0.0%	0.0% #FFD9A6	RGB 255 217 166	#FFD9A6
16.7%	16.7% #FBCF96	RGB 251 207 150	#FBCF96
33.3%	33.3% #F8C586	RGB 248 197 134	#F8C586
50.0%	50.0% #F5BC77	RGB 245 188 119	#F5BC77
66.7%	66.7% #F2B269	RGB 242 178 105	#F2B269
83.3%	83.3% #EFA85A	RGB 239 168 90	#EFA85A
100.0%	100.0% #EC9F4D	RGB 236 159 77	#EC9F4D

#FFD9A6 #FBCF96 #F8C586 #F5BC77 #F2B269 #EFA85A #EC9F4D

#FFD9A6 - #F5BC77 - #EC9F4D

CSS codes

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

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