#DFCCAC - #FFF1C7 | 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 #DFCCAC to #FFF1C7

#DFCCAC #FFF1C7

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

#DFCCAC - #FFF1C7 | 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 #DFCCAC as 0% and #FFF1C7 as 100%.

0.0%	0.0% #DFCCAC	RGB 223 204 172	#DFCCAC
16.7%	16.7% #E4D2B0	RGB 228 210 176	#E4D2B0
33.3%	33.3% #E9D8B5	RGB 233 216 181	#E9D8B5
50.0%	50.0% #EFDEB9	RGB 239 222 185	#EFDEB9
66.7%	66.7% #F4E4BE	RGB 244 228 190	#F4E4BE
83.3%	83.3% #F9EAC2	RGB 249 234 194	#F9EAC2
100.0%	100.0% #FFF1C7	RGB 255 241 199	#FFF1C7

#DFCCAC #E4D2B0 #E9D8B5 #EFDEB9 #F4E4BE #F9EAC2 #FFF1C7

#DFCCAC - #FFF1C7

HSV Blend

#DFCCAC - #FFF1C7 | 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 #DFCCAC as 0% and #FFF1C7 as 100%.

0.0%	0.0% #DFCCAC	RGB 223 204 172	#DFCCAC
16.7%	16.7% #E4D2B0	RGB 228 210 176	#E4D2B0
33.3%	33.3% #E9D8B4	RGB 233 216 180	#E9D8B4
50.0%	50.0% #EFDEB9	RGB 239 222 185	#EFDEB9
66.7%	66.7% #F4E4BD	RGB 244 228 189	#F4E4BD
83.3%	83.3% #F9EAC2	RGB 249 234 194	#F9EAC2
100.0%	100.0% #FFF1C7	RGB 255 241 199	#FFF1C7

#DFCCAC #E4D2B0 #E9D8B4 #EFDEB9 #F4E4BD #F9EAC2 #FFF1C7

#DFCCAC - #EFDEB9 - #FFF1C7

CSS codes

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

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