#DFCADA - #DCDFE2 | 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 #DFCADA to #DCDFE2

#DFCADA #DCDFE2

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

#DFCADA - #DCDFE2 | 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 #DFCADA as 0% and #DCDFE2 as 100%.

0.0%	0.0% #DFCADA	RGB 223 202 218	#DFCADA
16.7%	16.7% #DECDDB	RGB 222 205 219	#DECDDB
33.3%	33.3% #DED1DC	RGB 222 209 220	#DED1DC
50.0%	50.0% #DDD4DE	RGB 221 212 222	#DDD4DE
66.7%	66.7% #DDD8DF	RGB 221 216 223	#DDD8DF
83.3%	83.3% #DCDBE0	RGB 220 219 224	#DCDBE0
100.0%	100.0% #DCDFE2	RGB 220 223 226	#DCDFE2

#DFCADA #DECDDB #DED1DC #DDD4DE #DDD8DF #DCDBE0 #DCDFE2

#DFCADA - #DCDFE2

HSV Blend

#DFCADA - #DCDFE2 | 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 #DFCADA as 0% and #DCDFE2 as 100%.

0.0%	0.0% #DFCADA	RGB 223 202 218	#DFCADA
16.7%	16.7% #DECCDF	RGB 222 204 223	#DECCDF
33.3%	33.3% #DACFE0	RGB 218 207 224	#DACFE0
50.0%	50.0% #D7D2E0	RGB 215 210 224	#D7D2E0
66.7%	66.7% #D6D5E1	RGB 214 213 225	#D6D5E1
83.3%	83.3% #D8DAE1	RGB 216 218 225	#D8DAE1
100.0%	100.0% #DCDFE2	RGB 220 223 226	#DCDFE2

#DFCADA #DECCDF #DACFE0 #D7D2E0 #D6D5E1 #D8DAE1 #DCDFE2

#DFCADA - #D7D2E0 - #DCDFE2

CSS codes

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

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