#FFD7A6 - #EC9C4D | 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 #FFD7A6 to #EC9C4D

#FFD7A6 #EC9C4D

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

#FFD7A6 - #EC9C4D | 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 #FFD7A6 as 0% and #EC9C4D as 100%.

0.0%	0.0% #FFD7A6	RGB 255 215 166	#FFD7A6
16.7%	16.7% #FBCD97	RGB 251 205 151	#FBCD97
33.3%	33.3% #F8C388	RGB 248 195 136	#F8C388
50.0%	50.0% #F5B979	RGB 245 185 121	#F5B979
66.7%	66.7% #F2AF6A	RGB 242 175 106	#F2AF6A
83.3%	83.3% #EFA55B	RGB 239 165 91	#EFA55B
100.0%	100.0% #EC9C4D	RGB 236 156 77	#EC9C4D

#FFD7A6 #FBCD97 #F8C388 #F5B979 #F2AF6A #EFA55B #EC9C4D

#FFD7A6 - #EC9C4D

HSV Blend

#FFD7A6 - #EC9C4D | 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 #FFD7A6 as 0% and #EC9C4D as 100%.

0.0%	0.0% #FFD7A6	RGB 255 215 166	#FFD7A6
16.7%	16.7% #FBCD96	RGB 251 205 150	#FBCD96
33.3%	33.3% #F8C386	RGB 248 195 134	#F8C386
50.0%	50.0% #F5B977	RGB 245 185 119	#F5B977
66.7%	66.7% #F2AF69	RGB 242 175 105	#F2AF69
83.3%	83.3% #EFA55A	RGB 239 165 90	#EFA55A
100.0%	100.0% #EC9C4D	RGB 236 156 77	#EC9C4D

#FFD7A6 #FBCD96 #F8C386 #F5B977 #F2AF69 #EFA55A #EC9C4D

#FFD7A6 - #F5B977 - #EC9C4D

CSS codes

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

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