#DFCDDC - #EFFFD7 | 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 #DFCDDC to #EFFFD7

#DFCDDC #EFFFD7

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

#DFCDDC - #EFFFD7 | 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 #DFCDDC as 0% and #EFFFD7 as 100%.

0.0%	0.0% #DFCDDC	RGB 223 205 220	#DFCDDC
16.7%	16.7% #E1D5DB	RGB 225 213 219	#E1D5DB
33.3%	33.3% #E4DDDA	RGB 228 221 218	#E4DDDA
50.0%	50.0% #E7E6D9	RGB 231 230 217	#E7E6D9
66.7%	66.7% #E9EED8	RGB 233 238 216	#E9EED8
83.3%	83.3% #ECF6D7	RGB 236 246 215	#ECF6D7
100.0%	100.0% #EFFFD7	RGB 239 255 215	#EFFFD7

#DFCDDC #E1D5DB #E4DDDA #E7E6D9 #E9EED8 #ECF6D7 #EFFFD7

#DFCDDC - #EFFFD7

HSV Blend

#DFCDDC - #EFFFD7 | 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 #DFCDDC as 0% and #EFFFD7 as 100%.

0.0%	0.0% #DFCDDC	RGB 223 205 220	#DFCDDC
16.7%	16.7% #E4CFD8	RGB 228 207 216	#E4CFD8
33.3%	33.3% #E9D0D3	RGB 233 208 211	#E9D0D3
50.0%	50.0% #EFDAD2	RGB 239 218 210	#EFDAD2
66.7%	66.7% #F4E9D4	RGB 244 233 212	#F4E9D4
83.3%	83.3% #F8F9D5	RGB 248 249 213	#F8F9D5
100.0%	100.0% #EFFFD7	RGB 239 255 215	#EFFFD7

#DFCDDC #E4CFD8 #E9D0D3 #EFDAD2 #F4E9D4 #F8F9D5 #EFFFD7

#DFCDDC - #EFDAD2 - #EFFFD7

CSS codes

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

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