#DAC7E5 - #FFEEDB | 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 #DAC7E5 to #FFEEDB

#DAC7E5 #FFEEDB

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

#DAC7E5 - #FFEEDB | 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 #DAC7E5 as 0% and #FFEEDB as 100%.

0.0%	0.0% #DAC7E5	RGB 218 199 229	#DAC7E5
16.7%	16.7% #E0CDE3	RGB 224 205 227	#E0CDE3
33.3%	33.3% #E6D4E1	RGB 230 212 225	#E6D4E1
50.0%	50.0% #ECDAE0	RGB 236 218 224	#ECDAE0
66.7%	66.7% #F2E1DE	RGB 242 225 222	#F2E1DE
83.3%	83.3% #F8E7DC	RGB 248 231 220	#F8E7DC
100.0%	100.0% #FFEEDB	RGB 255 238 219	#FFEEDB

#DAC7E5 #E0CDE3 #E6D4E1 #ECDAE0 #F2E1DE #F8E7DC #FFEEDB

#DAC7E5 - #FFEEDB

HSV Blend

#DAC7E5 - #FFEEDB | 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 #DAC7E5 as 0% and #FFEEDB as 100%.

0.0%	0.0% #DAC7E5	RGB 218 199 229	#DAC7E5
16.7%	16.7% #E7CAE9	RGB 231 202 233	#E7CAE9
33.3%	33.3% #EDCDE5	RGB 237 205 229	#EDCDE5
50.0%	50.0% #F2D1DE	RGB 242 209 222	#F2D1DE
66.7%	66.7% #F6D4D7	RGB 246 212 215	#F6D4D7
83.3%	83.3% #FADFD7	RGB 250 223 215	#FADFD7
100.0%	100.0% #FFEEDB	RGB 255 238 219	#FFEEDB

#DAC7E5 #E7CAE9 #EDCDE5 #F2D1DE #F6D4D7 #FADFD7 #FFEEDB

#DAC7E5 - #F2D1DE - #FFEEDB

CSS codes

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

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