#CECDD2 - #FFEECF | 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 #CECDD2 to #FFEECF

#CECDD2 #FFEECF

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

#CECDD2 - #FFEECF | 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 #CECDD2 as 0% and #FFEECF as 100%.

0.0%	0.0% #CECDD2	RGB 206 205 210	#CECDD2
16.7%	16.7% #D6D2D1	RGB 214 210 209	#D6D2D1
33.3%	33.3% #DED8D1	RGB 222 216 209	#DED8D1
50.0%	50.0% #E6DDD0	RGB 230 221 208	#E6DDD0
66.7%	66.7% #EEE3D0	RGB 238 227 208	#EEE3D0
83.3%	83.3% #F6E8CF	RGB 246 232 207	#F6E8CF
100.0%	100.0% #FFEECF	RGB 255 238 207	#FFEECF

#CECDD2 #D6D2D1 #DED8D1 #E6DDD0 #EEE3D0 #F6E8CF #FFEECF

#CECDD2 - #FFEECF

HSV Blend

#CECDD2 - #FFEECF | 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 #CECDD2 as 0% and #FFEECF as 100%.

0.0%	0.0% #CECDD2	RGB 206 205 210	#CECDD2
16.7%	16.7% #D5CED9	RGB 213 206 217	#D5CED9
33.3%	33.3% #E1CFE0	RGB 225 207 224	#E1CFE0
50.0%	50.0% #E8CFDE	RGB 232 207 222	#E8CFDE
66.7%	66.7% #F0CFD5	RGB 240 207 213	#F0CFD5
83.3%	83.3% #F7D9CF	RGB 247 217 207	#F7D9CF
100.0%	100.0% #FFEECF	RGB 255 238 207	#FFEECF

#CECDD2 #D5CED9 #E1CFE0 #E8CFDE #F0CFD5 #F7D9CF #FFEECF

#CECDD2 - #E8CFDE - #FFEECF

CSS codes

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

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