#DFD1D9 - #DDC7E7 | 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 #DFD1D9 to #DDC7E7

#DFD1D9 #DDC7E7

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

#DFD1D9 - #DDC7E7 | 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 #DFD1D9 as 0% and #DDC7E7 as 100%.

0.0%	0.0% #DFD1D9	RGB 223 209 217	#DFD1D9
16.7%	16.7% #DECFDB	RGB 222 207 219	#DECFDB
33.3%	33.3% #DECDDD	RGB 222 205 221	#DECDDD
50.0%	50.0% #DECCE0	RGB 222 204 224	#DECCE0
66.7%	66.7% #DDCAE2	RGB 221 202 226	#DDCAE2
83.3%	83.3% #DDC8E4	RGB 221 200 228	#DDC8E4
100.0%	100.0% #DDC7E7	RGB 221 199 231	#DDC7E7

#DFD1D9 #DECFDB #DECDDD #DECCE0 #DDCAE2 #DDC8E4 #DDC7E7

#DFD1D9 - #DDC7E7

HSV Blend

#DFD1D9 - #DDC7E7 | 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 #DFD1D9 as 0% and #DDC7E7 as 100%.

0.0%	0.0% #DFD1D9	RGB 223 209 217	#DFD1D9
16.7%	16.7% #E0CFDB	RGB 224 207 219	#E0CFDB
33.3%	33.3% #E1CDDE	RGB 225 205 222	#E1CDDE
50.0%	50.0% #E3CCE1	RGB 227 204 225	#E3CCE1
66.7%	66.7% #E2CAE4	RGB 226 202 228	#E2CAE4
83.3%	83.3% #E0C8E5	RGB 224 200 229	#E0C8E5
100.0%	100.0% #DDC7E7	RGB 221 199 231	#DDC7E7

#DFD1D9 #E0CFDB #E1CDDE #E3CCE1 #E2CAE4 #E0C8E5 #DDC7E7

#DFD1D9 - #E3CCE1 - #DDC7E7

CSS codes

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

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