#DFCFDB - #DEE1E4 | 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 #DFCFDB to #DEE1E4

#DFCFDB #DEE1E4

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

#DFCFDB - #DEE1E4 | 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 #DFCFDB as 0% and #DEE1E4 as 100%.

0.0%	0.0% #DFCFDB	RGB 223 207 219	#DFCFDB
16.7%	16.7% #DED2DC	RGB 222 210 220	#DED2DC
33.3%	33.3% #DED5DE	RGB 222 213 222	#DED5DE
50.0%	50.0% #DED8DF	RGB 222 216 223	#DED8DF
66.7%	66.7% #DEDBE1	RGB 222 219 225	#DEDBE1
83.3%	83.3% #DEDEE2	RGB 222 222 226	#DEDEE2
100.0%	100.0% #DEE1E4	RGB 222 225 228	#DEE1E4

#DFCFDB #DED2DC #DED5DE #DED8DF #DEDBE1 #DEDEE2 #DEE1E4

#DFCFDB - #DEE1E4

HSV Blend

#DFCFDB - #DEE1E4 | 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 #DFCFDB as 0% and #DEE1E4 as 100%.

0.0%	0.0% #DFCFDB	RGB 223 207 219	#DFCFDB
16.7%	16.7% #DFD1DF	RGB 223 209 223	#DFD1DF
33.3%	33.3% #DCD3E0	RGB 220 211 224	#DCD3E0
50.0%	50.0% #DAD6E1	RGB 218 214 225	#DAD6E1
66.7%	66.7% #D9D8E2	RGB 217 216 226	#D9D8E2
83.3%	83.3% #DBDDE3	RGB 219 221 227	#DBDDE3
100.0%	100.0% #DEE1E4	RGB 222 225 228	#DEE1E4

#DFCFDB #DFD1DF #DCD3E0 #DAD6E1 #D9D8E2 #DBDDE3 #DEE1E4

#DFCFDB - #DAD6E1 - #DEE1E4

CSS codes

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

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