#DAC3C2 - #FFF4DF | 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 #DAC3C2 to #FFF4DF

#DAC3C2 #FFF4DF

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

#DAC3C2 - #FFF4DF | 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 #DAC3C2 as 0% and #FFF4DF as 100%.

0.0%	0.0% #DAC3C2	RGB 218 195 194	#DAC3C2
16.7%	16.7% #E0CBC6	RGB 224 203 198	#E0CBC6
33.3%	33.3% #E6D3CB	RGB 230 211 203	#E6D3CB
50.0%	50.0% #ECDBD0	RGB 236 219 208	#ECDBD0
66.7%	66.7% #F2E3D5	RGB 242 227 213	#F2E3D5
83.3%	83.3% #F8EBDA	RGB 248 235 218	#F8EBDA
100.0%	100.0% #FFF4DF	RGB 255 244 223	#FFF4DF

#DAC3C2 #E0CBC6 #E6D3CB #ECDBD0 #F2E3D5 #F8EBDA #FFF4DF

#DAC3C2 - #FFF4DF

HSV Blend

#DAC3C2 - #FFF4DF | 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 #DAC3C2 as 0% and #FFF4DF as 100%.

0.0%	0.0% #DAC3C2	RGB 218 195 194	#DAC3C2
16.7%	16.7% #E0CAC6	RGB 224 202 198	#E0CAC6
33.3%	33.3% #E6D2CB	RGB 230 210 203	#E6D2CB
50.0%	50.0% #ECDAD0	RGB 236 218 208	#ECDAD0
66.7%	66.7% #F2E2D5	RGB 242 226 213	#F2E2D5
83.3%	83.3% #F8EBDA	RGB 248 235 218	#F8EBDA
100.0%	100.0% #FFF4DF	RGB 255 244 223	#FFF4DF

#DAC3C2 #E0CAC6 #E6D2CB #ECDAD0 #F2E2D5 #F8EBDA #FFF4DF

#DAC3C2 - #ECDAD0 - #FFF4DF

CSS codes

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

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