#DFB7EE - #ECEEE7 | 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 #DFB7EE to #ECEEE7

#DFB7EE #ECEEE7

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

#DFB7EE - #ECEEE7 | 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 #DFB7EE as 0% and #ECEEE7 as 100%.

0.0%	0.0% #DFB7EE	RGB 223 183 238	#DFB7EE
16.7%	16.7% #E1C0EC	RGB 225 192 236	#E1C0EC
33.3%	33.3% #E3C9EB	RGB 227 201 235	#E3C9EB
50.0%	50.0% #E5D2EA	RGB 229 210 234	#E5D2EA
66.7%	66.7% #E7DBE9	RGB 231 219 233	#E7DBE9
83.3%	83.3% #E9E4E8	RGB 233 228 232	#E9E4E8
100.0%	100.0% #ECEEE7	RGB 236 238 231	#ECEEE7

#DFB7EE #E1C0EC #E3C9EB #E5D2EA #E7DBE9 #E9E4E8 #ECEEE7

#DFB7EE - #ECEEE7

HSV Blend

#DFB7EE - #ECEEE7 | 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 #DFB7EE as 0% and #ECEEE7 as 100%.

0.0%	0.0% #DFB7EE	RGB 223 183 238	#DFB7EE
16.7%	16.7% #EEBFE6	RGB 238 191 230	#EEBFE6
33.3%	33.3% #EEC7D7	RGB 238 199 215	#EEC7D7
50.0%	50.0% #EECFCF	RGB 238 207 207	#EECFCF
66.7%	66.7% #EEE0D7	RGB 238 224 215	#EEE0D7
83.3%	83.3% #EEEBDF	RGB 238 235 223	#EEEBDF
100.0%	100.0% #ECEEE7	RGB 236 238 231	#ECEEE7

#DFB7EE #EEBFE6 #EEC7D7 #EECFCF #EEE0D7 #EEEBDF #ECEEE7

#DFB7EE - #EECFCF - #ECEEE7

CSS codes

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

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