#DFBBE3 - #FFECD9 | 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 #DFBBE3 to #FFECD9

#DFBBE3 #FFECD9

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

#DFBBE3 - #FFECD9 | 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 #DFBBE3 as 0% and #FFECD9 as 100%.

0.0%	0.0% #DFBBE3	RGB 223 187 227	#DFBBE3
16.7%	16.7% #E4C3E1	RGB 228 195 225	#E4C3E1
33.3%	33.3% #E9CBDF	RGB 233 203 223	#E9CBDF
50.0%	50.0% #EFD3DE	RGB 239 211 222	#EFD3DE
66.7%	66.7% #F4DBDC	RGB 244 219 220	#F4DBDC
83.3%	83.3% #F9E3DA	RGB 249 227 218	#F9E3DA
100.0%	100.0% #FFECD9	RGB 255 236 217	#FFECD9

#DFBBE3 #E4C3E1 #E9CBDF #EFD3DE #F4DBDC #F9E3DA #FFECD9

#DFBBE3 - #FFECD9

HSV Blend

#DFBBE3 - #FFECD9 | 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 #DFBBE3 as 0% and #FFECD9 as 100%.

0.0%	0.0% #DFBBE3	RGB 223 187 227	#DFBBE3
16.7%	16.7% #E7BFE1	RGB 231 191 225	#E7BFE1
33.3%	33.3% #ECC4DB	RGB 236 196 219	#ECC4DB
50.0%	50.0% #F1C9D5	RGB 241 201 213	#F1C9D5
66.7%	66.7% #F5CED0	RGB 245 206 208	#F5CED0
83.3%	83.3% #FADCD3	RGB 250 220 211	#FADCD3
100.0%	100.0% #FFECD9	RGB 255 236 217	#FFECD9

#DFBBE3 #E7BFE1 #ECC4DB #F1C9D5 #F5CED0 #FADCD3 #FFECD9

#DFBBE3 - #F1C9D5 - #FFECD9

CSS codes

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

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