#DFBCF0 - #FFEFE5 | 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 #DFBCF0 to #FFEFE5

#DFBCF0 #FFEFE5

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

#DFBCF0 - #FFEFE5 | 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 #DFBCF0 as 0% and #FFEFE5 as 100%.

0.0%	0.0% #DFBCF0	RGB 223 188 240	#DFBCF0
16.7%	16.7% #E4C4EE	RGB 228 196 238	#E4C4EE
33.3%	33.3% #E9CDEC	RGB 233 205 236	#E9CDEC
50.0%	50.0% #EFD5EA	RGB 239 213 234	#EFD5EA
66.7%	66.7% #F4DEE8	RGB 244 222 232	#F4DEE8
83.3%	83.3% #F9E6E6	RGB 249 230 230	#F9E6E6
100.0%	100.0% #FFEFE5	RGB 255 239 229	#FFEFE5

#DFBCF0 #E4C4EE #E9CDEC #EFD5EA #F4DEE8 #F9E6E6 #FFEFE5

#DFBCF0 - #FFEFE5

HSV Blend

#DFBCF0 - #FFEFE5 | 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 #DFBCF0 as 0% and #FFEFE5 as 100%.

0.0%	0.0% #DFBCF0	RGB 223 188 240	#DFBCF0
16.7%	16.7% #F0C2F2	RGB 240 194 242	#F0C2F2
33.3%	33.3% #F5C9EA	RGB 245 201 234	#F5C9EA
50.0%	50.0% #F7D0E2	RGB 247 208 226	#F7D0E2
66.7%	66.7% #FAD6DD	RGB 250 214 221	#FAD6DD
83.3%	83.3% #FCE0DD	RGB 252 224 221	#FCE0DD
100.0%	100.0% #FFEFE5	RGB 255 239 229	#FFEFE5

#DFBCF0 #F0C2F2 #F5C9EA #F7D0E2 #FAD6DD #FCE0DD #FFEFE5

#DFBCF0 - #F7D0E2 - #FFEFE5

CSS codes

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

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