#DAC4E5 - #FFEDDB | 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 #DAC4E5 to #FFEDDB

#DAC4E5 #FFEDDB

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

#DAC4E5 - #FFEDDB | 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 #DAC4E5 as 0% and #FFEDDB as 100%.

0.0%	0.0% #DAC4E5	RGB 218 196 229	#DAC4E5
16.7%	16.7% #E0CAE3	RGB 224 202 227	#E0CAE3
33.3%	33.3% #E6D1E1	RGB 230 209 225	#E6D1E1
50.0%	50.0% #ECD8E0	RGB 236 216 224	#ECD8E0
66.7%	66.7% #F2DFDE	RGB 242 223 222	#F2DFDE
83.3%	83.3% #F8E6DC	RGB 248 230 220	#F8E6DC
100.0%	100.0% #FFEDDB	RGB 255 237 219	#FFEDDB

#DAC4E5 #E0CAE3 #E6D1E1 #ECD8E0 #F2DFDE #F8E6DC #FFEDDB

#DAC4E5 - #FFEDDB

HSV Blend

#DAC4E5 - #FFEDDB | 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 #DAC4E5 as 0% and #FFEDDB as 100%.

0.0%	0.0% #DAC4E5	RGB 218 196 229	#DAC4E5
16.7%	16.7% #E8C7E9	RGB 232 199 233	#E8C7E9
33.3%	33.3% #EDCBE4	RGB 237 203 228	#EDCBE4
50.0%	50.0% #F2CFDD	RGB 242 207 221	#F2CFDD
66.7%	66.7% #F6D3D7	RGB 246 211 215	#F6D3D7
83.3%	83.3% #FADED7	RGB 250 222 215	#FADED7
100.0%	100.0% #FFEDDB	RGB 255 237 219	#FFEDDB

#DAC4E5 #E8C7E9 #EDCBE4 #F2CFDD #F6D3D7 #FADED7 #FFEDDB

#DAC4E5 - #F2CFDD - #FFEDDB

CSS codes

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

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