#DFBCD6 - #F5EBF2 | 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 #DFBCD6 to #F5EBF2

#DFBCD6 #F5EBF2

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

#DFBCD6 - #F5EBF2 | 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 #DFBCD6 as 0% and #F5EBF2 as 100%.

0.0%	0.0% #DFBCD6	RGB 223 188 214	#DFBCD6
16.7%	16.7% #E2C3DA	RGB 226 195 218	#E2C3DA
33.3%	33.3% #E6CBDF	RGB 230 203 223	#E6CBDF
50.0%	50.0% #EAD3E4	RGB 234 211 228	#EAD3E4
66.7%	66.7% #EDDBE8	RGB 237 219 232	#EDDBE8
83.3%	83.3% #F1E3ED	RGB 241 227 237	#F1E3ED
100.0%	100.0% #F5EBF2	RGB 245 235 242	#F5EBF2

#DFBCD6 #E2C3DA #E6CBDF #EAD3E4 #EDDBE8 #F1E3ED #F5EBF2

#DFBCD6 - #F5EBF2

HSV Blend

#DFBCD6 - #F5EBF2 | 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 #DFBCD6 as 0% and #F5EBF2 as 100%.

0.0%	0.0% #DFBCD6	RGB 223 188 214	#DFBCD6
16.7%	16.7% #E2C3DA	RGB 226 195 218	#E2C3DA
33.3%	33.3% #E6CBDE	RGB 230 203 222	#E6CBDE
50.0%	50.0% #EAD2E3	RGB 234 210 227	#EAD2E3
66.7%	66.7% #EDDAE8	RGB 237 218 232	#EDDAE8
83.3%	83.3% #F1E2ED	RGB 241 226 237	#F1E2ED
100.0%	100.0% #F5EBF2	RGB 245 235 242	#F5EBF2

#DFBCD6 #E2C3DA #E6CBDE #EAD2E3 #EDDAE8 #F1E2ED #F5EBF2

#DFBCD6 - #EAD2E3 - #F5EBF2

CSS codes

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

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