#DAC2DA - #FFEACE | 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 #DAC2DA to #FFEACE

#DAC2DA #FFEACE

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

#DAC2DA - #FFEACE | 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 #DAC2DA as 0% and #FFEACE as 100%.

0.0%	0.0% #DAC2DA	RGB 218 194 218	#DAC2DA
16.7%	16.7% #E0C8D8	RGB 224 200 216	#E0C8D8
33.3%	33.3% #E6CFD6	RGB 230 207 214	#E6CFD6
50.0%	50.0% #ECD6D4	RGB 236 214 212	#ECD6D4
66.7%	66.7% #F2DCD2	RGB 242 220 210	#F2DCD2
83.3%	83.3% #F8E3D0	RGB 248 227 208	#F8E3D0
100.0%	100.0% #FFEACE	RGB 255 234 206	#FFEACE

#DAC2DA #E0C8D8 #E6CFD6 #ECD6D4 #F2DCD2 #F8E3D0 #FFEACE

#DAC2DA - #FFEACE

HSV Blend

#DAC2DA - #FFEACE | 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 #DAC2DA as 0% and #FFEACE as 100%.

0.0%	0.0% #DAC2DA	RGB 218 194 218	#DAC2DA
16.7%	16.7% #E0C4D8	RGB 224 196 216	#E0C4D8
33.3%	33.3% #E6C6D5	RGB 230 198 213	#E6C6D5
50.0%	50.0% #ECC8D0	RGB 236 200 208	#ECC8D0
66.7%	66.7% #F2CCCA	RGB 242 204 202	#F2CCCA
83.3%	83.3% #F8DACC	RGB 248 218 204	#F8DACC
100.0%	100.0% #FFEACE	RGB 255 234 206	#FFEACE

#DAC2DA #E0C4D8 #E6C6D5 #ECC8D0 #F2CCCA #F8DACC #FFEACE

#DAC2DA - #ECC8D0 - #FFEACE

CSS codes

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

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