#CECAA6 - #DBD6EC | 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 #CECAA6 to #DBD6EC

#CECAA6 #DBD6EC

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

#CECAA6 - #DBD6EC | 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 #CECAA6 as 0% and #DBD6EC as 100%.

0.0%	0.0% #CECAA6	RGB 206 202 166	#CECAA6
16.7%	16.7% #D0CCB1	RGB 208 204 177	#D0CCB1
33.3%	33.3% #D2CEBD	RGB 210 206 189	#D2CEBD
50.0%	50.0% #D4D0C9	RGB 212 208 201	#D4D0C9
66.7%	66.7% #D6D2D4	RGB 214 210 212	#D6D2D4
83.3%	83.3% #D8D4E0	RGB 216 212 224	#D8D4E0
100.0%	100.0% #DBD6EC	RGB 219 214 236	#DBD6EC

#CECAA6 #D0CCB1 #D2CEBD #D4D0C9 #D6D2D4 #D8D4E0 #DBD6EC

#CECAA6 - #DBD6EC

HSV Blend

#CECAA6 - #DBD6EC | 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 #CECAA6 as 0% and #DBD6EC as 100%.

0.0%	0.0% #CECAA6	RGB 206 202 166	#CECAA6
16.7%	16.7% #D3BEAD	RGB 211 190 173	#D3BEAD
33.3%	33.3% #D8B5B5	RGB 216 181 181	#D8B5B5
50.0%	50.0% #DDBDCB	RGB 221 189 203	#DDBDCB
66.7%	66.7% #E2C5DE	RGB 226 197 222	#E2C5DE
83.3%	83.3% #DECDE7	RGB 222 205 231	#DECDE7
100.0%	100.0% #DBD6EC	RGB 219 214 236	#DBD6EC

#CECAA6 #D3BEAD #D8B5B5 #DDBDCB #E2C5DE #DECDE7 #DBD6EC

#CECAA6 - #DDBDCB - #DBD6EC

CSS codes

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

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