#DACFD7 - #DBE3DF | 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 #DACFD7 to #DBE3DF

#DACFD7 #DBE3DF

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

#DACFD7 - #DBE3DF | 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 #DACFD7 as 0% and #DBE3DF as 100%.

0.0%	0.0% #DACFD7	RGB 218 207 215	#DACFD7
16.7%	16.7% #DAD2D8	RGB 218 210 216	#DAD2D8
33.3%	33.3% #DAD5D9	RGB 218 213 217	#DAD5D9
50.0%	50.0% #DAD9DB	RGB 218 217 219	#DAD9DB
66.7%	66.7% #DADCDC	RGB 218 220 220	#DADCDC
83.3%	83.3% #DADFDD	RGB 218 223 221	#DADFDD
100.0%	100.0% #DBE3DF	RGB 219 227 223	#DBE3DF

#DACFD7 #DAD2D8 #DAD5D9 #DAD9DB #DADCDC #DADFDD #DBE3DF

#DACFD7 - #DBE3DF

HSV Blend

#DACFD7 - #DBE3DF | 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 #DACFD7 as 0% and #DBE3DF as 100%.

0.0%	0.0% #DACFD7	RGB 218 207 215	#DACFD7
16.7%	16.7% #D9D0DB	RGB 217 208 219	#D9D0DB
33.3%	33.3% #D6D2DD	RGB 214 210 221	#D6D2DD
50.0%	50.0% #D4D6DE	RGB 212 214 222	#D4D6DE
66.7%	66.7% #D6DCE0	RGB 214 220 224	#D6DCE0
83.3%	83.3% #D8E1E1	RGB 216 225 225	#D8E1E1
100.0%	100.0% #DBE3DF	RGB 219 227 223	#DBE3DF

#DACFD7 #D9D0DB #D6D2DD #D4D6DE #D6DCE0 #D8E1E1 #DBE3DF

#DACFD7 - #D4D6DE - #DBE3DF

CSS codes

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

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