#DACCCF - #DEE2E5 | 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 #DACCCF to #DEE2E5

#DACCCF #DEE2E5

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

#DACCCF - #DEE2E5 | 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 #DACCCF as 0% and #DEE2E5 as 100%.

0.0%	0.0% #DACCCF	RGB 218 204 207	#DACCCF
16.7%	16.7% #DACFD2	RGB 218 207 210	#DACFD2
33.3%	33.3% #DBD3D6	RGB 219 211 214	#DBD3D6
50.0%	50.0% #DCD7DA	RGB 220 215 218	#DCD7DA
66.7%	66.7% #DCDADD	RGB 220 218 221	#DCDADD
83.3%	83.3% #DDDEE1	RGB 221 222 225	#DDDEE1
100.0%	100.0% #DEE2E5	RGB 222 226 229	#DEE2E5

#DACCCF #DACFD2 #DBD3D6 #DCD7DA #DCDADD #DDDEE1 #DEE2E5

#DACCCF - #DEE2E5

HSV Blend

#DACCCF - #DEE2E5 | 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 #DACCCF as 0% and #DEE2E5 as 100%.

0.0%	0.0% #DACCCF	RGB 218 204 207	#DACCCF
16.7%	16.7% #DBCED6	RGB 219 206 214	#DBCED6
33.3%	33.3% #DDD1DD	RGB 221 209 221	#DDD1DD
50.0%	50.0% #DBD4DF	RGB 219 212 223	#DBD4DF
66.7%	66.7% #D9D7E1	RGB 217 215 225	#D9D7E1
83.3%	83.3% #DADCE3	RGB 218 220 227	#DADCE3
100.0%	100.0% #DEE2E5	RGB 222 226 229	#DEE2E5

#DACCCF #DBCED6 #DDD1DD #DBD4DF #D9D7E1 #DADCE3 #DEE2E5

#DACCCF - #DBD4DF - #DEE2E5

CSS codes

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

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