#D3AFD7 - #DBE6DC | 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 #D3AFD7 to #DBE6DC

#D3AFD7 #DBE6DC

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

#D3AFD7 - #DBE6DC | 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 #D3AFD7 as 0% and #DBE6DC as 100%.

0.0%	0.0% #D3AFD7	RGB 211 175 215	#D3AFD7
16.7%	16.7% #D4B8D7	RGB 212 184 215	#D4B8D7
33.3%	33.3% #D5C1D8	RGB 213 193 216	#D5C1D8
50.0%	50.0% #D7CAD9	RGB 215 202 217	#D7CAD9
66.7%	66.7% #D8D3DA	RGB 216 211 218	#D8D3DA
83.3%	83.3% #D9DCDB	RGB 217 220 219	#D9DCDB
100.0%	100.0% #DBE6DC	RGB 219 230 220	#DBE6DC

#D3AFD7 #D4B8D7 #D5C1D8 #D7CAD9 #D8D3DA #D9DCDB #DBE6DC

#D3AFD7 - #DBE6DC

HSV Blend

#D3AFD7 - #DBE6DC | 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 #D3AFD7 as 0% and #DBE6DC as 100%.

0.0%	0.0% #D3AFD7	RGB 211 175 215	#D3AFD7
16.7%	16.7% #C5B6D9	RGB 197 182 217	#C5B6D9
33.3%	33.3% #BDBEDC	RGB 189 190 220	#BDBEDC
50.0%	50.0% #C4D1DE	RGB 196 209 222	#C4D1DE
66.7%	66.7% #CBE0E1	RGB 203 224 225	#CBE0E1
83.3%	83.3% #D3E3DC	RGB 211 227 220	#D3E3DC
100.0%	100.0% #DBE6DC	RGB 219 230 220	#DBE6DC

#D3AFD7 #C5B6D9 #BDBEDC #C4D1DE #CBE0E1 #D3E3DC #DBE6DC

#D3AFD7 - #C4D1DE - #DBE6DC

CSS codes

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

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