#D8C7EC - #CFD4E6 | 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 #D8C7EC to #CFD4E6

#D8C7EC #CFD4E6

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

#D8C7EC - #CFD4E6 | 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 #D8C7EC as 0% and #CFD4E6 as 100%.

0.0%	0.0% #D8C7EC	RGB 216 199 236	#D8C7EC
16.7%	16.7% #D6C9EB	RGB 214 201 235	#D6C9EB
33.3%	33.3% #D5CBEA	RGB 213 203 234	#D5CBEA
50.0%	50.0% #D3CDE9	RGB 211 205 233	#D3CDE9
66.7%	66.7% #D2CFE8	RGB 210 207 232	#D2CFE8
83.3%	83.3% #D0D1E7	RGB 208 209 231	#D0D1E7
100.0%	100.0% #CFD4E6	RGB 207 212 230	#CFD4E6

#D8C7EC #D6C9EB #D5CBEA #D3CDE9 #D2CFE8 #D0D1E7 #CFD4E6

#D8C7EC - #CFD4E6

HSV Blend

#D8C7EC - #CFD4E6 | 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 #D8C7EC as 0% and #CFD4E6 as 100%.

0.0%	0.0% #D8C7EC	RGB 216 199 236	#D8C7EC
16.7%	16.7% #D4C8EB	RGB 212 200 235	#D4C8EB
33.3%	33.3% #D1C9EA	RGB 209 201 234	#D1C9EA
50.0%	50.0% #CECBE9	RGB 206 203 233	#CECBE9
66.7%	66.7% #CCCCE8	RGB 204 204 232	#CCCCE8
83.3%	83.3% #CDD0E7	RGB 205 208 231	#CDD0E7
100.0%	100.0% #CFD4E6	RGB 207 212 230	#CFD4E6

#D8C7EC #D4C8EB #D1C9EA #CECBE9 #CCCCE8 #CDD0E7 #CFD4E6

#D8C7EC - #CECBE9 - #CFD4E6

CSS codes

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

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