#CED5CE - #E7DFE3 | 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 #CED5CE to #E7DFE3

#CED5CE #E7DFE3

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

#CED5CE - #E7DFE3 | 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 #CED5CE as 0% and #E7DFE3 as 100%.

0.0%	0.0% #CED5CE	RGB 206 213 206	#CED5CE
16.7%	16.7% #D2D6D1	RGB 210 214 209	#D2D6D1
33.3%	33.3% #D6D8D5	RGB 214 216 213	#D6D8D5
50.0%	50.0% #DADAD8	RGB 218 218 216	#DADAD8
66.7%	66.7% #DEDBDC	RGB 222 219 220	#DEDBDC
83.3%	83.3% #E2DDDF	RGB 226 221 223	#E2DDDF
100.0%	100.0% #E7DFE3	RGB 231 223 227	#E7DFE3

#CED5CE #D2D6D1 #D6D8D5 #DADAD8 #DEDBDC #E2DDDF #E7DFE3

#CED5CE - #E7DFE3

HSV Blend

#CED5CE - #E7DFE3 | 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 #CED5CE as 0% and #E7DFE3 as 100%.

0.0%	0.0% #CED5CE	RGB 206 213 206	#CED5CE
16.7%	16.7% #D3D8D0	RGB 211 216 208	#D3D8D0
33.3%	33.3% #D9DBD3	RGB 217 219 211	#D9DBD3
50.0%	50.0% #DEDCD6	RGB 222 220 214	#DEDCD6
66.7%	66.7% #E1DBD9	RGB 225 219 217	#E1DBD9
83.3%	83.3% #E4DCDC	RGB 228 220 220	#E4DCDC
100.0%	100.0% #E7DFE3	RGB 231 223 227	#E7DFE3

#CED5CE #D3D8D0 #D9DBD3 #DEDCD6 #E1DBD9 #E4DCDC #E7DFE3

#CED5CE - #DEDCD6 - #E7DFE3

CSS codes

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

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