#D3C8EE - #D6DCE8 | 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 #D3C8EE to #D6DCE8

#D3C8EE #D6DCE8

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

#D3C8EE - #D6DCE8 | 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 #D3C8EE as 0% and #D6DCE8 as 100%.

0.0%	0.0% #D3C8EE	RGB 211 200 238	#D3C8EE
16.7%	16.7% #D3CBED	RGB 211 203 237	#D3CBED
33.3%	33.3% #D4CEEC	RGB 212 206 236	#D4CEEC
50.0%	50.0% #D4D2EB	RGB 212 210 235	#D4D2EB
66.7%	66.7% #D5D5EA	RGB 213 213 234	#D5D5EA
83.3%	83.3% #D5D8E9	RGB 213 216 233	#D5D8E9
100.0%	100.0% #D6DCE8	RGB 214 220 232	#D6DCE8

#D3C8EE #D3CBED #D4CEEC #D4D2EB #D5D5EA #D5D8E9 #D6DCE8

#D3C8EE - #D6DCE8

HSV Blend

#D3C8EE - #D6DCE8 | 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 #D3C8EE as 0% and #D6DCE8 as 100%.

0.0%	0.0% #D3C8EE	RGB 211 200 238	#D3C8EE
16.7%	16.7% #D0CAED	RGB 208 202 237	#D0CAED
33.3%	33.3% #CFCCEC	RGB 207 204 236	#CFCCEC
50.0%	50.0% #CFCFEB	RGB 207 207 235	#CFCFEB
66.7%	66.7% #D1D4EA	RGB 209 212 234	#D1D4EA
83.3%	83.3% #D3D8E9	RGB 211 216 233	#D3D8E9
100.0%	100.0% #D6DCE8	RGB 214 220 232	#D6DCE8

#D3C8EE #D0CAED #CFCCEC #CFCFEB #D1D4EA #D3D8E9 #D6DCE8

#D3C8EE - #CFCFEB - #D6DCE8

CSS codes

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

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