#DFD0EE - #B86FCE | 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 #DFD0EE to #B86FCE

#DFD0EE #B86FCE

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

#DFD0EE - #B86FCE | 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 #DFD0EE as 0% and #B86FCE as 100%.

0.0%	0.0% #DFD0EE	RGB 223 208 238	#DFD0EE
16.7%	16.7% #D8BFE8	RGB 216 191 232	#D8BFE8
33.3%	33.3% #D2AFE3	RGB 210 175 227	#D2AFE3
50.0%	50.0% #CB9FDE	RGB 203 159 222	#CB9FDE
66.7%	66.7% #C58FD8	RGB 197 143 216	#C58FD8
83.3%	83.3% #BE7FD3	RGB 190 127 211	#BE7FD3
100.0%	100.0% #B86FCE	RGB 184 111 206	#B86FCE

#DFD0EE #D8BFE8 #D2AFE3 #CB9FDE #C58FD8 #BE7FD3 #B86FCE

#DFD0EE - #B86FCE

HSV Blend

#DFD0EE - #B86FCE | 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 #DFD0EE as 0% and #B86FCE as 100%.

0.0%	0.0% #DFD0EE	RGB 223 208 238	#DFD0EE
16.7%	16.7% #D5BEE8	RGB 213 190 232	#D5BEE8
33.3%	33.3% #CDADE3	RGB 205 173 227	#CDADE3
50.0%	50.0% #C69CDE	RGB 198 156 222	#C69CDE
66.7%	66.7% #C08CD8	RGB 192 140 216	#C08CD8
83.3%	83.3% #BB7DD3	RGB 187 125 211	#BB7DD3
100.0%	100.0% #B86FCE	RGB 184 111 206	#B86FCE

#DFD0EE #D5BEE8 #CDADE3 #C69CDE #C08CD8 #BB7DD3 #B86FCE

#DFD0EE - #C69CDE - #B86FCE

CSS codes

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

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