#DACFD4 - #E4D4EE | 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 #DACFD4 to #E4D4EE

#DACFD4 #E4D4EE

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

#DACFD4 - #E4D4EE | 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 #DACFD4 as 0% and #E4D4EE as 100%.

0.0%	0.0% #DACFD4	RGB 218 207 212	#DACFD4
16.7%	16.7% #DBCFD8	RGB 219 207 216	#DBCFD8
33.3%	33.3% #DDD0DC	RGB 221 208 220	#DDD0DC
50.0%	50.0% #DFD1E1	RGB 223 209 225	#DFD1E1
66.7%	66.7% #E0D2E5	RGB 224 210 229	#E0D2E5
83.3%	83.3% #E2D3E9	RGB 226 211 233	#E2D3E9
100.0%	100.0% #E4D4EE	RGB 228 212 238	#E4D4EE

#DACFD4 #DBCFD8 #DDD0DC #DFD1E1 #E0D2E5 #E2D3E9 #E4D4EE

#DACFD4 - #E4D4EE

HSV Blend

#DACFD4 - #E4D4EE | 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 #DACFD4 as 0% and #E4D4EE as 100%.

0.0%	0.0% #DACFD4	RGB 218 207 212	#DACFD4
16.7%	16.7% #DDCFD8	RGB 221 207 216	#DDCFD8
33.3%	33.3% #E0D0DC	RGB 224 208 220	#E0D0DC
50.0%	50.0% #E4D1E2	RGB 228 209 226	#E4D1E2
66.7%	66.7% #E5D2E7	RGB 229 210 231	#E5D2E7
83.3%	83.3% #E5D3EA	RGB 229 211 234	#E5D3EA
100.0%	100.0% #E4D4EE	RGB 228 212 238	#E4D4EE

#DACFD4 #DDCFD8 #E0D0DC #E4D1E2 #E5D2E7 #E5D3EA #E4D4EE

#DACFD4 - #E4D1E2 - #E4D4EE

CSS codes

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

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