#FFDFC3 - #ECA06C | 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 #FFDFC3 to #ECA06C

#FFDFC3 #ECA06C

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

#FFDFC3 - #ECA06C | 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 #FFDFC3 as 0% and #ECA06C as 100%.

0.0%	0.0% #FFDFC3	RGB 255 223 195	#FFDFC3
16.7%	16.7% #FBD4B4	RGB 251 212 180	#FBD4B4
33.3%	33.3% #F8CAA6	RGB 248 202 166	#F8CAA6
50.0%	50.0% #F5BF97	RGB 245 191 151	#F5BF97
66.7%	66.7% #F2B589	RGB 242 181 137	#F2B589
83.3%	83.3% #EFAA7A	RGB 239 170 122	#EFAA7A
100.0%	100.0% #ECA06C	RGB 236 160 108	#ECA06C

#FFDFC3 #FBD4B4 #F8CAA6 #F5BF97 #F2B589 #EFAA7A #ECA06C

#FFDFC3 - #ECA06C

HSV Blend

#FFDFC3 - #ECA06C | 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 #FFDFC3 as 0% and #ECA06C as 100%.

0.0%	0.0% #FFDFC3	RGB 255 223 195	#FFDFC3
16.7%	16.7% #FBD4B3	RGB 251 212 179	#FBD4B3
33.3%	33.3% #F8CAA4	RGB 248 202 164	#F8CAA4
50.0%	50.0% #F5BF96	RGB 245 191 150	#F5BF96
66.7%	66.7% #F2B587	RGB 242 181 135	#F2B587
83.3%	83.3% #EFAA79	RGB 239 170 121	#EFAA79
100.0%	100.0% #ECA06C	RGB 236 160 108	#ECA06C

#FFDFC3 #FBD4B3 #F8CAA4 #F5BF96 #F2B587 #EFAA79 #ECA06C

#FFDFC3 - #F5BF96 - #ECA06C

CSS codes

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

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