#CEC8B5 - #DDD9EC | 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 #CEC8B5 to #DDD9EC

#CEC8B5 #DDD9EC

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

#CEC8B5 - #DDD9EC | 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 #CEC8B5 as 0% and #DDD9EC as 100%.

0.0%	0.0% #CEC8B5	RGB 206 200 181	#CEC8B5
16.7%	16.7% #D0CABE	RGB 208 202 190	#D0CABE
33.3%	33.3% #D3CDC7	RGB 211 205 199	#D3CDC7
50.0%	50.0% #D5D0D0	RGB 213 208 208	#D5D0D0
66.7%	66.7% #D8D3D9	RGB 216 211 217	#D8D3D9
83.3%	83.3% #DAD6E2	RGB 218 214 226	#DAD6E2
100.0%	100.0% #DDD9EC	RGB 221 217 236	#DDD9EC

#CEC8B5 #D0CABE #D3CDC7 #D5D0D0 #D8D3D9 #DAD6E2 #DDD9EC

#CEC8B5 - #DDD9EC

HSV Blend

#CEC8B5 - #DDD9EC | 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 #CEC8B5 as 0% and #DDD9EC as 100%.

0.0%	0.0% #CEC8B5	RGB 206 200 181	#CEC8B5
16.7%	16.7% #D3C2BA	RGB 211 194 186	#D3C2BA
33.3%	33.3% #D8C0C2	RGB 216 192 194	#D8C0C2
50.0%	50.0% #DDC6D2	RGB 221 198 210	#DDC6D2
66.7%	66.7% #E2CCE0	RGB 226 204 224	#E2CCE0
83.3%	83.3% #DFD2E7	RGB 223 210 231	#DFD2E7
100.0%	100.0% #DDD9EC	RGB 221 217 236	#DDD9EC

#CEC8B5 #D3C2BA #D8C0C2 #DDC6D2 #E2CCE0 #DFD2E7 #DDD9EC

#CEC8B5 - #DDC6D2 - #DDD9EC

CSS codes

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

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