#D3C2C7 - #CFFFD2 | 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 #D3C2C7 to #CFFFD2

#D3C2C7 #CFFFD2

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

#D3C2C7 - #CFFFD2 | 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 #D3C2C7 as 0% and #CFFFD2 as 100%.

0.0%	0.0% #D3C2C7	RGB 211 194 199	#D3C2C7
16.7%	16.7% #D2CCC8	RGB 210 204 200	#D2CCC8
33.3%	33.3% #D1D6CA	RGB 209 214 202	#D1D6CA
50.0%	50.0% #D1E0CC	RGB 209 224 204	#D1E0CC
66.7%	66.7% #D0EACE	RGB 208 234 206	#D0EACE
83.3%	83.3% #CFF4D0	RGB 207 244 208	#CFF4D0
100.0%	100.0% #CFFFD2	RGB 207 255 210	#CFFFD2

#D3C2C7 #D2CCC8 #D1D6CA #D1E0CC #D0EACE #CFF4D0 #CFFFD2

#D3C2C7 - #CFFFD2

HSV Blend

#D3C2C7 - #CFFFD2 | 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 #D3C2C7 as 0% and #CFFFD2 as 100%.

0.0%	0.0% #D3C2C7	RGB 211 194 199	#D3C2C7
16.7%	16.7% #DAC6C4	RGB 218 198 196	#DAC6C4
33.3%	33.3% #E1D4C7	RGB 225 212 199	#E1D4C7
50.0%	50.0% #E9E5C9	RGB 233 229 201	#E9E5C9
66.7%	66.7% #E6F0CB	RGB 230 240 203	#E6F0CB
83.3%	83.3% #DBF7CD	RGB 219 247 205	#DBF7CD
100.0%	100.0% #CFFFD2	RGB 207 255 210	#CFFFD2

#D3C2C7 #DAC6C4 #E1D4C7 #E9E5C9 #E6F0CB #DBF7CD #CFFFD2

#D3C2C7 - #E9E5C9 - #CFFFD2

CSS codes

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

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