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

#D3CAC6 #CEFFEC

Calculate the color between two colors, #D3CAC6 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)

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

0.0%	0.0% #D3CAC6	RGB 211 202 198	#D3CAC6
16.7%	16.7% #D2D2CC	RGB 210 210 204	#D2D2CC
33.3%	33.3% #D1DBD2	RGB 209 219 210	#D1DBD2
50.0%	50.0% #D0E4D9	RGB 208 228 217	#D0E4D9
66.7%	66.7% #CFEDDF	RGB 207 237 223	#CFEDDF
83.3%	83.3% #CEF6E5	RGB 206 246 229	#CEF6E5
100.0%	100.0% #CEFFEC	RGB 206 255 236	#CEFFEC

#D3CAC6 #D2D2CC #D1DBD2 #D0E4D9 #CFEDDF #CEF6E5 #CEFFEC

#D3CAC6 - #CEFFEC

HSV Blend

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

0.0%	0.0% #D3CAC6	RGB 211 202 198	#D3CAC6
16.7%	16.7% #DAD4C8	RGB 218 212 200	#DAD4C8
33.3%	33.3% #DFE1C9	RGB 223 225 201	#DFE1C9
50.0%	50.0% #DBE9CB	RGB 219 233 203	#DBE9CB
66.7%	66.7% #D2F0CC	RGB 210 240 204	#D2F0CC
83.3%	83.3% #CDF7D7	RGB 205 247 215	#CDF7D7
100.0%	100.0% #CEFFEC	RGB 206 255 236	#CEFFEC

#D3CAC6 #DAD4C8 #DFE1C9 #DBE9CB #D2F0CC #CDF7D7 #CEFFEC

#D3CAC6 - #DBE9CB - #CEFFEC

CSS codes

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

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