#DAC2D3 - #DADCDF | 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 #DAC2D3 to #DADCDF

#DAC2D3 #DADCDF

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

#DAC2D3 - #DADCDF | 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 #DAC2D3 as 0% and #DADCDF as 100%.

0.0%	0.0% #DAC2D3	RGB 218 194 211	#DAC2D3
16.7%	16.7% #DAC6D5	RGB 218 198 213	#DAC6D5
33.3%	33.3% #DACAD7	RGB 218 202 215	#DACAD7
50.0%	50.0% #DACFD9	RGB 218 207 217	#DACFD9
66.7%	66.7% #DAD3DB	RGB 218 211 219	#DAD3DB
83.3%	83.3% #DAD7DD	RGB 218 215 221	#DAD7DD
100.0%	100.0% #DADCDF	RGB 218 220 223	#DADCDF

#DAC2D3 #DAC6D5 #DACAD7 #DACFD9 #DAD3DB #DAD7DD #DADCDF

#DAC2D3 - #DADCDF

HSV Blend

#DAC2D3 - #DADCDF | 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 #DAC2D3 as 0% and #DADCDF as 100%.

0.0%	0.0% #DAC2D3	RGB 218 194 211	#DAC2D3
16.7%	16.7% #DAC5DA	RGB 218 197 218	#DAC5DA
33.3%	33.3% #D6C9DB	RGB 214 201 219	#D6C9DB
50.0%	50.0% #D4CDDC	RGB 212 205 220	#D4CDDC
66.7%	66.7% #D3D1DD	RGB 211 209 221	#D3D1DD
83.3%	83.3% #D5D6DE	RGB 213 214 222	#D5D6DE
100.0%	100.0% #DADCDF	RGB 218 220 223	#DADCDF

#DAC2D3 #DAC5DA #D6C9DB #D4CDDC #D3D1DD #D5D6DE #DADCDF

#DAC2D3 - #D4CDDC - #DADCDF

CSS codes

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

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