#D6BFD3 - #E1EEE7 | 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 #D6BFD3 to #E1EEE7

#D6BFD3 #E1EEE7

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

#D6BFD3 - #E1EEE7 | 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 #D6BFD3 as 0% and #E1EEE7 as 100%.

0.0%	0.0% #D6BFD3	RGB 214 191 211	#D6BFD3
16.7%	16.7% #D7C6D6	RGB 215 198 214	#D7C6D6
33.3%	33.3% #D9CED9	RGB 217 206 217	#D9CED9
50.0%	50.0% #DBD6DD	RGB 219 214 221	#DBD6DD
66.7%	66.7% #DDDEE0	RGB 221 222 224	#DDDEE0
83.3%	83.3% #DFE6E3	RGB 223 230 227	#DFE6E3
100.0%	100.0% #E1EEE7	RGB 225 238 231	#E1EEE7

#D6BFD3 #D7C6D6 #D9CED9 #DBD6DD #DDDEE0 #DFE6E3 #E1EEE7

#D6BFD3 - #E1EEE7

HSV Blend

#D6BFD3 - #E1EEE7 | 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 #D6BFD3 as 0% and #E1EEE7 as 100%.

0.0%	0.0% #D6BFD3	RGB 214 191 211	#D6BFD3
16.7%	16.7% #D3C4DA	RGB 211 196 218	#D3C4DA
33.3%	33.3% #CECADE	RGB 206 202 222	#CECADE
50.0%	50.0% #CFD3E2	RGB 207 211 226	#CFD3E2
66.7%	66.7% #D5E0E6	RGB 213 224 230	#D5E0E6
83.3%	83.3% #DBEAE8	RGB 219 234 232	#DBEAE8
100.0%	100.0% #E1EEE7	RGB 225 238 231	#E1EEE7

#D6BFD3 #D3C4DA #CECADE #CFD3E2 #D5E0E6 #DBEAE8 #E1EEE7

#D6BFD3 - #CFD3E2 - #E1EEE7

CSS codes

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

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