#CEC5CB - #D9E7E2 | 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 #CEC5CB to #D9E7E2

#CEC5CB #D9E7E2

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

#CEC5CB - #D9E7E2 | 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 #CEC5CB as 0% and #D9E7E2 as 100%.

0.0%	0.0% #CEC5CB	RGB 206 197 203	#CEC5CB
16.7%	16.7% #CFCACE	RGB 207 202 206	#CFCACE
33.3%	33.3% #D1D0D2	RGB 209 208 210	#D1D0D2
50.0%	50.0% #D3D6D6	RGB 211 214 214	#D3D6D6
66.7%	66.7% #D5DBDA	RGB 213 219 218	#D5DBDA
83.3%	83.3% #D7E1DE	RGB 215 225 222	#D7E1DE
100.0%	100.0% #D9E7E2	RGB 217 231 226	#D9E7E2

#CEC5CB #CFCACE #D1D0D2 #D3D6D6 #D5DBDA #D7E1DE #D9E7E2

#CEC5CB - #D9E7E2

HSV Blend

#CEC5CB - #D9E7E2 | 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 #CEC5CB as 0% and #D9E7E2 as 100%.

0.0%	0.0% #CEC5CB	RGB 206 197 203	#CEC5CB
16.7%	16.7% #D1C8D2	RGB 209 200 210	#D1C8D2
33.3%	33.3% #D0CBD6	RGB 208 203 214	#D0CBD6
50.0%	50.0% #CFCFDA	RGB 207 207 218	#CFCFDA
66.7%	66.7% #D2D8DE	RGB 210 216 222	#D2D8DE
83.3%	83.3% #D5E1E2	RGB 213 225 226	#D5E1E2
100.0%	100.0% #D9E7E2	RGB 217 231 226	#D9E7E2

#CEC5CB #D1C8D2 #D0CBD6 #CFCFDA #D2D8DE #D5E1E2 #D9E7E2

#CEC5CB - #CFCFDA - #D9E7E2

CSS codes

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

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