#CEC3CF - #D3DFD2 | 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 #CEC3CF to #D3DFD2

#CEC3CF #D3DFD2

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

#CEC3CF - #D3DFD2 | 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 #CEC3CF as 0% and #D3DFD2 as 100%.

0.0%	0.0% #CEC3CF	RGB 206 195 207	#CEC3CF
16.7%	16.7% #CEC7CF	RGB 206 199 207	#CEC7CF
33.3%	33.3% #CFCCD0	RGB 207 204 208	#CFCCD0
50.0%	50.0% #D0D1D0	RGB 208 209 208	#D0D1D0
66.7%	66.7% #D1D5D1	RGB 209 213 209	#D1D5D1
83.3%	83.3% #D2DAD1	RGB 210 218 209	#D2DAD1
100.0%	100.0% #D3DFD2	RGB 211 223 210	#D3DFD2

#CEC3CF #CEC7CF #CFCCD0 #D0D1D0 #D1D5D1 #D2DAD1 #D3DFD2

#CEC3CF - #D3DFD2

HSV Blend

#CEC3CF - #D3DFD2 | 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 #CEC3CF as 0% and #D3DFD2 as 100%.

0.0%	0.0% #CEC3CF	RGB 206 195 207	#CEC3CF
16.7%	16.7% #CAC5D1	RGB 202 197 209	#CAC5D1
33.3%	33.3% #C8C9D4	RGB 200 201 212	#C8C9D4
50.0%	50.0% #CAD1D7	RGB 202 209 215	#CAD1D7
66.7%	66.7% #CDD9D8	RGB 205 217 216	#CDD9D8
83.3%	83.3% #CFDCD4	RGB 207 220 212	#CFDCD4
100.0%	100.0% #D3DFD2	RGB 211 223 210	#D3DFD2

#CEC3CF #CAC5D1 #C8C9D4 #CAD1D7 #CDD9D8 #CFDCD4 #D3DFD2

#CEC3CF - #CAD1D7 - #D3DFD2

CSS codes

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

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