#DFD0CF - #DFDEE4 | 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 #DFD0CF to #DFDEE4

#DFD0CF #DFDEE4

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

#DFD0CF - #DFDEE4 | 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 #DFD0CF as 0% and #DFDEE4 as 100%.

0.0%	0.0% #DFD0CF	RGB 223 208 207	#DFD0CF
16.7%	16.7% #DFD2D2	RGB 223 210 210	#DFD2D2
33.3%	33.3% #DFD4D6	RGB 223 212 214	#DFD4D6
50.0%	50.0% #DFD7D9	RGB 223 215 217	#DFD7D9
66.7%	66.7% #DFD9DD	RGB 223 217 221	#DFD9DD
83.3%	83.3% #DFDBE0	RGB 223 219 224	#DFDBE0
100.0%	100.0% #DFDEE4	RGB 223 222 228	#DFDEE4

#DFD0CF #DFD2D2 #DFD4D6 #DFD7D9 #DFD9DD #DFDBE0 #DFDEE4

#DFD0CF - #DFDEE4

HSV Blend

#DFD0CF - #DFDEE4 | 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 #DFD0CF as 0% and #DFDEE4 as 100%.

0.0%	0.0% #DFD0CF	RGB 223 208 207	#DFD0CF
16.7%	16.7% #DFD1D5	RGB 223 209 213	#DFD1D5
33.3%	33.3% #E0D3DB	RGB 224 211 219	#E0D3DB
50.0%	50.0% #E1D6E0	RGB 225 214 224	#E1D6E0
66.7%	66.7% #E0D8E2	RGB 224 216 226	#E0D8E2
83.3%	83.3% #DFDBE3	RGB 223 219 227	#DFDBE3
100.0%	100.0% #DFDEE4	RGB 223 222 228	#DFDEE4

#DFD0CF #DFD1D5 #E0D3DB #E1D6E0 #E0D8E2 #DFDBE3 #DFDEE4

#DFD0CF - #E1D6E0 - #DFDEE4

CSS codes

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

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