#D3C8C4 - #CEFFEC | 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 #D3C8C4 to #CEFFEC

#D3C8C4 #CEFFEC

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

#D3C8C4 - #CEFFEC | 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 #D3C8C4 as 0% and #CEFFEC as 100%.

0.0%	0.0% #D3C8C4	RGB 211 200 196	#D3C8C4
16.7%	16.7% #D2D1CA	RGB 210 209 202	#D2D1CA
33.3%	33.3% #D1DAD1	RGB 209 218 209	#D1DAD1
50.0%	50.0% #D0E3D8	RGB 208 227 216	#D0E3D8
66.7%	66.7% #CFECDE	RGB 207 236 222	#CFECDE
83.3%	83.3% #CEF5E5	RGB 206 245 229	#CEF5E5
100.0%	100.0% #CEFFEC	RGB 206 255 236	#CEFFEC

#D3C8C4 #D2D1CA #D1DAD1 #D0E3D8 #CFECDE #CEF5E5 #CEFFEC

#D3C8C4 - #CEFFEC

HSV Blend

#D3C8C4 - #CEFFEC | 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 #D3C8C4 as 0% and #CEFFEC as 100%.

0.0%	0.0% #D3C8C4	RGB 211 200 196	#D3C8C4
16.7%	16.7% #DAD3C6	RGB 218 211 198	#DAD3C6
33.3%	33.3% #E0E1C8	RGB 224 225 200	#E0E1C8
50.0%	50.0% #DBE9CA	RGB 219 233 202	#DBE9CA
66.7%	66.7% #D2F0CB	RGB 210 240 203	#D2F0CB
83.3%	83.3% #CDF7D6	RGB 205 247 214	#CDF7D6
100.0%	100.0% #CEFFEC	RGB 206 255 236	#CEFFEC

#D3C8C4 #DAD3C6 #E0E1C8 #DBE9CA #D2F0CB #CDF7D6 #CEFFEC

#D3C8C4 - #DBE9CA - #CEFFEC

CSS codes

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

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