#CEC9D4 - #DBE4DB | 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 #CEC9D4 to #DBE4DB

#CEC9D4 #DBE4DB

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

#CEC9D4 - #DBE4DB | 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 #CEC9D4 as 0% and #DBE4DB as 100%.

0.0%	0.0% #CEC9D4	RGB 206 201 212	#CEC9D4
16.7%	16.7% #D0CDD5	RGB 208 205 213	#D0CDD5
33.3%	33.3% #D2D2D6	RGB 210 210 214	#D2D2D6
50.0%	50.0% #D4D6D7	RGB 212 214 215	#D4D6D7
66.7%	66.7% #D6DBD8	RGB 214 219 216	#D6DBD8
83.3%	83.3% #D8DFD9	RGB 216 223 217	#D8DFD9
100.0%	100.0% #DBE4DB	RGB 219 228 219	#DBE4DB

#CEC9D4 #D0CDD5 #D2D2D6 #D4D6D7 #D6DBD8 #D8DFD9 #DBE4DB

#CEC9D4 - #DBE4DB

HSV Blend

#CEC9D4 - #DBE4DB | 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 #CEC9D4 as 0% and #DBE4DB as 100%.

0.0%	0.0% #CEC9D4	RGB 206 201 212	#CEC9D4
16.7%	16.7% #CCCBD6	RGB 204 203 214	#CCCBD6
33.3%	33.3% #CED2D9	RGB 206 210 217	#CED2D9
50.0%	50.0% #D1D9DC	RGB 209 217 220	#D1D9DC
66.7%	66.7% #D4DEDC	RGB 212 222 220	#D4DEDC
83.3%	83.3% #D7E1DB	RGB 215 225 219	#D7E1DB
100.0%	100.0% #DBE4DB	RGB 219 228 219	#DBE4DB

#CEC9D4 #CCCBD6 #CED2D9 #D1D9DC #D4DEDC #D7E1DB #DBE4DB

#CEC9D4 - #D1D9DC - #DBE4DB

CSS codes

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

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