#D3BDCF - #DFEEE8 | 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 #D3BDCF to #DFEEE8

#D3BDCF #DFEEE8

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

#D3BDCF - #DFEEE8 | 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 #D3BDCF as 0% and #DFEEE8 as 100%.

0.0%	0.0% #D3BDCF	RGB 211 189 207	#D3BDCF
16.7%	16.7% #D5C5D3	RGB 213 197 211	#D5C5D3
33.3%	33.3% #D7CDD7	RGB 215 205 215	#D7CDD7
50.0%	50.0% #D9D5DB	RGB 217 213 219	#D9D5DB
66.7%	66.7% #DBDDDF	RGB 219 221 223	#DBDDDF
83.3%	83.3% #DDE5E3	RGB 221 229 227	#DDE5E3
100.0%	100.0% #DFEEE8	RGB 223 238 232	#DFEEE8

#D3BDCF #D5C5D3 #D7CDD7 #D9D5DB #DBDDDF #DDE5E3 #DFEEE8

#D3BDCF - #DFEEE8

HSV Blend

#D3BDCF - #DFEEE8 | 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 #D3BDCF as 0% and #DFEEE8 as 100%.

0.0%	0.0% #D3BDCF	RGB 211 189 207	#D3BDCF
16.7%	16.7% #D2C2D7	RGB 210 194 215	#D2C2D7
33.3%	33.3% #CEC8DC	RGB 206 200 220	#CEC8DC
50.0%	50.0% #CDCFE0	RGB 205 207 224	#CDCFE0
66.7%	66.7% #D3DCE5	RGB 211 220 229	#D3DCE5
83.3%	83.3% #D9E9E9	RGB 217 233 233	#D9E9E9
100.0%	100.0% #DFEEE8	RGB 223 238 232	#DFEEE8

#D3BDCF #D2C2D7 #CEC8DC #CDCFE0 #D3DCE5 #D9E9E9 #DFEEE8

#D3BDCF - #CDCFE0 - #DFEEE8

CSS codes

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

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