#CCD5C2 - #E7DFEA | 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 #CCD5C2 to #E7DFEA

#CCD5C2 #E7DFEA

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

#CCD5C2 - #E7DFEA | 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 #CCD5C2 as 0% and #E7DFEA as 100%.

0.0%	0.0% #CCD5C2	RGB 204 213 194	#CCD5C2
16.7%	16.7% #D0D6C8	RGB 208 214 200	#D0D6C8
33.3%	33.3% #D5D8CF	RGB 213 216 207	#D5D8CF
50.0%	50.0% #D9DAD6	RGB 217 218 214	#D9DAD6
66.7%	66.7% #DEDBDC	RGB 222 219 220	#DEDBDC
83.3%	83.3% #E2DDE3	RGB 226 221 227	#E2DDE3
100.0%	100.0% #E7DFEA	RGB 231 223 234	#E7DFEA

#CCD5C2 #D0D6C8 #D5D8CF #D9DAD6 #DEDBDC #E2DDE3 #E7DFEA

#CCD5C2 - #E7DFEA

HSV Blend

#CCD5C2 - #E7DFEA | 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 #CCD5C2 as 0% and #E7DFEA as 100%.

0.0%	0.0% #CCD5C2	RGB 204 213 194	#CCD5C2
16.7%	16.7% #D8D8C6	RGB 216 216 198	#D8D8C6
33.3%	33.3% #DCD4CB	RGB 220 212 203	#DCD4CB
50.0%	50.0% #DFD1D0	RGB 223 209 208	#DFD1D0
66.7%	66.7% #E3D5DA	RGB 227 213 218	#E3D5DA
83.3%	83.3% #E6DAE4	RGB 230 218 228	#E6DAE4
100.0%	100.0% #E7DFEA	RGB 231 223 234	#E7DFEA

#CCD5C2 #D8D8C6 #DCD4CB #DFD1D0 #E3D5DA #E6DAE4 #E7DFEA

#CCD5C2 - #DFD1D0 - #E7DFEA

CSS codes

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

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