#DACFCF - #EED4EB | 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 #DACFCF to #EED4EB

#DACFCF #EED4EB

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

#DACFCF - #EED4EB | 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 #DACFCF as 0% and #EED4EB as 100%.

0.0%	0.0% #DACFCF	RGB 218 207 207	#DACFCF
16.7%	16.7% #DDCFD3	RGB 221 207 211	#DDCFD3
33.3%	33.3% #E0D0D8	RGB 224 208 216	#E0D0D8
50.0%	50.0% #E4D1DD	RGB 228 209 221	#E4D1DD
66.7%	66.7% #E7D2E1	RGB 231 210 225	#E7D2E1
83.3%	83.3% #EAD3E6	RGB 234 211 230	#EAD3E6
100.0%	100.0% #EED4EB	RGB 238 212 235	#EED4EB

#DACFCF #DDCFD3 #E0D0D8 #E4D1DD #E7D2E1 #EAD3E6 #EED4EB

#DACFCF - #EED4EB

HSV Blend

#DACFCF - #EED4EB | 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 #DACFCF as 0% and #EED4EB as 100%.

0.0%	0.0% #DACFCF	RGB 218 207 207	#DACFCF
16.7%	16.7% #DDCFD1	RGB 221 207 209	#DDCFD1
33.3%	33.3% #E0D0D5	RGB 224 208 213	#E0D0D5
50.0%	50.0% #E4D1D9	RGB 228 209 217	#E4D1D9
66.7%	66.7% #E7D2DE	RGB 231 210 222	#E7D2DE
83.3%	83.3% #EAD3E4	RGB 234 211 228	#EAD3E4
100.0%	100.0% #EED4EB	RGB 238 212 235	#EED4EB

#DACFCF #DDCFD1 #E0D0D5 #E4D1D9 #E7D2DE #EAD3E4 #EED4EB

#DACFCF - #E4D1D9 - #EED4EB

CSS codes

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

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