#DAC8C0 - #DADADF | 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 #DAC8C0 to #DADADF

#DAC8C0 #DADADF

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

#DAC8C0 - #DADADF | 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 #DAC8C0 as 0% and #DADADF as 100%.

0.0%	0.0% #DAC8C0	RGB 218 200 192	#DAC8C0
16.7%	16.7% #DACBC5	RGB 218 203 197	#DACBC5
33.3%	33.3% #DACECA	RGB 218 206 202	#DACECA
50.0%	50.0% #DAD1CF	RGB 218 209 207	#DAD1CF
66.7%	66.7% #DAD4D4	RGB 218 212 212	#DAD4D4
83.3%	83.3% #DAD7D9	RGB 218 215 217	#DAD7D9
100.0%	100.0% #DADADF	RGB 218 218 223	#DADADF

#DAC8C0 #DACBC5 #DACECA #DAD1CF #DAD4D4 #DAD7D9 #DADADF

#DAC8C0 - #DADADF

HSV Blend

#DAC8C0 - #DADADF | 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 #DAC8C0 as 0% and #DADADF as 100%.

0.0%	0.0% #DAC8C0	RGB 218 200 192	#DAC8C0
16.7%	16.7% #DAC4C6	RGB 218 196 198	#DAC4C6
33.3%	33.3% #DBC8D1	RGB 219 200 209	#DBC8D1
50.0%	50.0% #DCCCDA	RGB 220 204 218	#DCCCDA
66.7%	66.7% #DAD1DD	RGB 218 209 221	#DAD1DD
83.3%	83.3% #D8D5DE	RGB 216 213 222	#D8D5DE
100.0%	100.0% #DADADF	RGB 218 218 223	#DADADF

#DAC8C0 #DAC4C6 #DBC8D1 #DCCCDA #DAD1DD #D8D5DE #DADADF

#DAC8C0 - #DCCCDA - #DADADF

CSS codes

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

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