#CCD1CB - #E2D4E2 | 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 #CCD1CB to #E2D4E2

#CCD1CB #E2D4E2

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

#CCD1CB - #E2D4E2 | 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 #CCD1CB as 0% and #E2D4E2 as 100%.

0.0%	0.0% #CCD1CB	RGB 204 209 203	#CCD1CB
16.7%	16.7% #CFD1CE	RGB 207 209 206	#CFD1CE
33.3%	33.3% #D3D2D2	RGB 211 210 210	#D3D2D2
50.0%	50.0% #D7D2D6	RGB 215 210 214	#D7D2D6
66.7%	66.7% #DAD3DA	RGB 218 211 218	#DAD3DA
83.3%	83.3% #DED3DE	RGB 222 211 222	#DED3DE
100.0%	100.0% #E2D4E2	RGB 226 212 226	#E2D4E2

#CCD1CB #CFD1CE #D3D2D2 #D7D2D6 #DAD3DA #DED3DE #E2D4E2

#CCD1CB - #E2D4E2

HSV Blend

#CCD1CB - #E2D4E2 | 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 #CCD1CB as 0% and #E2D4E2 as 100%.

0.0%	0.0% #CCD1CB	RGB 204 209 203	#CCD1CB
16.7%	16.7% #D1D3CC	RGB 209 211 204	#D1D3CC
33.3%	33.3% #D6D5CE	RGB 214 213 206	#D6D5CE
50.0%	50.0% #D9D3CF	RGB 217 211 207	#D9D3CF
66.7%	66.7% #DCD1D1	RGB 220 209 209	#DCD1D1
83.3%	83.3% #DFD2D9	RGB 223 210 217	#DFD2D9
100.0%	100.0% #E2D4E2	RGB 226 212 226	#E2D4E2

#CCD1CB #D1D3CC #D6D5CE #D9D3CF #DCD1D1 #DFD2D9 #E2D4E2

#CCD1CB - #D9D3CF - #E2D4E2

CSS codes

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

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