#D5C8C9 - #CFFFD0 | 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 #D5C8C9 to #CFFFD0

#D5C8C9 #CFFFD0

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

#D5C8C9 - #CFFFD0 | 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 #D5C8C9 as 0% and #CFFFD0 as 100%.

0.0%	0.0% #D5C8C9	RGB 213 200 201	#D5C8C9
16.7%	16.7% #D4D1CA	RGB 212 209 202	#D4D1CA
33.3%	33.3% #D3DACB	RGB 211 218 203	#D3DACB
50.0%	50.0% #D2E3CC	RGB 210 227 204	#D2E3CC
66.7%	66.7% #D1ECCD	RGB 209 236 205	#D1ECCD
83.3%	83.3% #D0F5CE	RGB 208 245 206	#D0F5CE
100.0%	100.0% #CFFFD0	RGB 207 255 208	#CFFFD0

#D5C8C9 #D4D1CA #D3DACB #D2E3CC #D1ECCD #D0F5CE #CFFFD0

#D5C8C9 - #CFFFD0

HSV Blend

#D5C8C9 - #CFFFD0 | 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 #D5C8C9 as 0% and #CFFFD0 as 100%.

0.0%	0.0% #D5C8C9	RGB 213 200 201	#D5C8C9
16.7%	16.7% #DCCEC9	RGB 220 206 201	#DCCEC9
33.3%	33.3% #E3DACB	RGB 227 218 203	#E3DACB
50.0%	50.0% #EAE9CC	RGB 234 233 204	#EAE9CC
66.7%	66.7% #E5F1CD	RGB 229 241 205	#E5F1CD
83.3%	83.3% #DCF8CE	RGB 220 248 206	#DCF8CE
100.0%	100.0% #CFFFD0	RGB 207 255 208	#CFFFD0

#D5C8C9 #DCCEC9 #E3DACB #EAE9CC #E5F1CD #DCF8CE #CFFFD0

#D5C8C9 - #EAE9CC - #CFFFD0

CSS codes

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

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