#D3CCC9 - #CEFFED | 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 #D3CCC9 to #CEFFED

#D3CCC9 #CEFFED

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

#D3CCC9 - #CEFFED | 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 #D3CCC9 as 0% and #CEFFED as 100%.

0.0%	0.0% #D3CCC9	RGB 211 204 201	#D3CCC9
16.7%	16.7% #D2D4CF	RGB 210 212 207	#D2D4CF
33.3%	33.3% #D1DDD5	RGB 209 221 213	#D1DDD5
50.0%	50.0% #D0E5DB	RGB 208 229 219	#D0E5DB
66.7%	66.7% #CFEEE1	RGB 207 238 225	#CFEEE1
83.3%	83.3% #CEF6E7	RGB 206 246 231	#CEF6E7
100.0%	100.0% #CEFFED	RGB 206 255 237	#CEFFED

#D3CCC9 #D2D4CF #D1DDD5 #D0E5DB #CFEEE1 #CEF6E7 #CEFFED

#D3CCC9 - #CEFFED

HSV Blend

#D3CCC9 - #CEFFED | 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 #D3CCC9 as 0% and #CEFFED as 100%.

0.0%	0.0% #D3CCC9	RGB 211 204 201	#D3CCC9
16.7%	16.7% #DAD5CA	RGB 218 213 202	#DAD5CA
33.3%	33.3% #DFE1CC	RGB 223 225 204	#DFE1CC
50.0%	50.0% #DBE9CD	RGB 219 233 205	#DBE9CD
66.7%	66.7% #D2F0CD	RGB 210 240 205	#D2F0CD
83.3%	83.3% #CEF7D8	RGB 206 247 216	#CEF7D8
100.0%	100.0% #CEFFED	RGB 206 255 237	#CEFFED

#D3CCC9 #DAD5CA #DFE1CC #DBE9CD #D2F0CD #CEF7D8 #CEFFED

#D3CCC9 - #DBE9CD - #CEFFED

CSS codes

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

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