#DAC2D7 - #FFEAE4 | 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 #DAC2D7 to #FFEAE4

#DAC2D7 #FFEAE4

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

#DAC2D7 - #FFEAE4 | 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 #DAC2D7 as 0% and #FFEAE4 as 100%.

0.0%	0.0% #DAC2D7	RGB 218 194 215	#DAC2D7
16.7%	16.7% #E0C8D9	RGB 224 200 217	#E0C8D9
33.3%	33.3% #E6CFDB	RGB 230 207 219	#E6CFDB
50.0%	50.0% #ECD6DD	RGB 236 214 221	#ECD6DD
66.7%	66.7% #F2DCDF	RGB 242 220 223	#F2DCDF
83.3%	83.3% #F8E3E1	RGB 248 227 225	#F8E3E1
100.0%	100.0% #FFEAE4	RGB 255 234 228	#FFEAE4

#DAC2D7 #E0C8D9 #E6CFDB #ECD6DD #F2DCDF #F8E3E1 #FFEAE4

#DAC2D7 - #FFEAE4

HSV Blend

#DAC2D7 - #FFEAE4 | 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 #DAC2D7 as 0% and #FFEAE4 as 100%.

0.0%	0.0% #DAC2D7	RGB 218 194 215	#DAC2D7
16.7%	16.7% #E0C7D8	RGB 224 199 216	#E0C7D8
33.3%	33.3% #E6CDDA	RGB 230 205 218	#E6CDDA
50.0%	50.0% #ECD2DB	RGB 236 210 219	#ECD2DB
66.7%	66.7% #F2D8DC	RGB 242 216 220	#F2D8DC
83.3%	83.3% #F8DFDE	RGB 248 223 222	#F8DFDE
100.0%	100.0% #FFEAE4	RGB 255 234 228	#FFEAE4

#DAC2D7 #E0C7D8 #E6CDDA #ECD2DB #F2D8DC #F8DFDE #FFEAE4

#DAC2D7 - #ECD2DB - #FFEAE4

CSS codes

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

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