#DAC0C1 - #DFE5E7 | 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 #DAC0C1 to #DFE5E7

#DAC0C1 #DFE5E7

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

#DAC0C1 - #DFE5E7 | 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 #DAC0C1 as 0% and #DFE5E7 as 100%.

0.0%	0.0% #DAC0C1	RGB 218 192 193	#DAC0C1
16.7%	16.7% #DAC6C7	RGB 218 198 199	#DAC6C7
33.3%	33.3% #DBCCCD	RGB 219 204 205	#DBCCCD
50.0%	50.0% #DCD2D4	RGB 220 210 212	#DCD2D4
66.7%	66.7% #DDD8DA	RGB 221 216 218	#DDD8DA
83.3%	83.3% #DEDEE0	RGB 222 222 224	#DEDEE0
100.0%	100.0% #DFE5E7	RGB 223 229 231	#DFE5E7

#DAC0C1 #DAC6C7 #DBCCCD #DCD2D4 #DDD8DA #DEDEE0 #DFE5E7

#DAC0C1 - #DFE5E7

HSV Blend

#DAC0C1 - #DFE5E7 | 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 #DAC0C1 as 0% and #DFE5E7 as 100%.

0.0%	0.0% #DAC0C1	RGB 218 192 193	#DAC0C1
16.7%	16.7% #DCC5D0	RGB 220 197 208	#DCC5D0
33.3%	33.3% #DECADD	RGB 222 202 221	#DECADD
50.0%	50.0% #D9CFE0	RGB 217 207 224	#D9CFE0
66.7%	66.7% #D6D4E2	RGB 214 212 226	#D6D4E2
83.3%	83.3% #D9DDE4	RGB 217 221 228	#D9DDE4
100.0%	100.0% #DFE5E7	RGB 223 229 231	#DFE5E7

#DAC0C1 #DCC5D0 #DECADD #D9CFE0 #D6D4E2 #D9DDE4 #DFE5E7

#DAC0C1 - #D9CFE0 - #DFE5E7

CSS codes

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

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