#CFC3CF - #D2DFD3 | 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 #CFC3CF to #D2DFD3

#CFC3CF #D2DFD3

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

#CFC3CF - #D2DFD3 | 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 #CFC3CF as 0% and #D2DFD3 as 100%.

0.0%	0.0% #CFC3CF	RGB 207 195 207	#CFC3CF
16.7%	16.7% #CFC7CF	RGB 207 199 207	#CFC7CF
33.3%	33.3% #D0CCD0	RGB 208 204 208	#D0CCD0
50.0%	50.0% #D0D1D1	RGB 208 209 209	#D0D1D1
66.7%	66.7% #D1D5D1	RGB 209 213 209	#D1D5D1
83.3%	83.3% #D1DAD2	RGB 209 218 210	#D1DAD2
100.0%	100.0% #D2DFD3	RGB 210 223 211	#D2DFD3

#CFC3CF #CFC7CF #D0CCD0 #D0D1D1 #D1D5D1 #D1DAD2 #D2DFD3

#CFC3CF - #D2DFD3

HSV Blend

#CFC3CF - #D2DFD3 | 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 #CFC3CF as 0% and #D2DFD3 as 100%.

0.0%	0.0% #CFC3CF	RGB 207 195 207	#CFC3CF
16.7%	16.7% #CBC5D1	RGB 203 197 209	#CBC5D1
33.3%	33.3% #C8C8D4	RGB 200 200 212	#C8C8D4
50.0%	50.0% #CAD0D7	RGB 202 208 215	#CAD0D7
66.7%	66.7% #CDD9D9	RGB 205 217 217	#CDD9D9
83.3%	83.3% #CFDCD6	RGB 207 220 214	#CFDCD6
100.0%	100.0% #D2DFD3	RGB 210 223 211	#D2DFD3

#CFC3CF #CBC5D1 #C8C8D4 #CAD0D7 #CDD9D9 #CFDCD6 #D2DFD3

#CFC3CF - #CAD0D7 - #D2DFD3

CSS codes

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

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