#CECEB8 - #E3DAEC | 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 #CECEB8 to #E3DAEC

#CECEB8 #E3DAEC

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

#CECEB8 - #E3DAEC | 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 #CECEB8 as 0% and #E3DAEC as 100%.

0.0%	0.0% #CECEB8	RGB 206 206 184	#CECEB8
16.7%	16.7% #D1D0C0	RGB 209 208 192	#D1D0C0
33.3%	33.3% #D5D2C9	RGB 213 210 201	#D5D2C9
50.0%	50.0% #D8D4D2	RGB 216 212 210	#D8D4D2
66.7%	66.7% #DCD6DA	RGB 220 214 218	#DCD6DA
83.3%	83.3% #DFD8E3	RGB 223 216 227	#DFD8E3
100.0%	100.0% #E3DAEC	RGB 227 218 236	#E3DAEC

#CECEB8 #D1D0C0 #D5D2C9 #D8D4D2 #DCD6DA #DFD8E3 #E3DAEC

#CECEB8 - #E3DAEC

HSV Blend

#CECEB8 - #E3DAEC | 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 #CECEB8 as 0% and #E3DAEC as 100%.

0.0%	0.0% #CECEB8	RGB 206 206 184	#CECEB8
16.7%	16.7% #D3CABD	RGB 211 202 189	#D3CABD
33.3%	33.3% #D8C6C3	RGB 216 198 195	#D8C6C3
50.0%	50.0% #DDC8CD	RGB 221 200 205	#DDC8CD
66.7%	66.7% #E2CEDB	RGB 226 206 219	#E2CEDB
83.3%	83.3% #E5D4E7	RGB 229 212 231	#E5D4E7
100.0%	100.0% #E3DAEC	RGB 227 218 236	#E3DAEC

#CECEB8 #D3CABD #D8C6C3 #DDC8CD #E2CEDB #E5D4E7 #E3DAEC

#CECEB8 - #DDC8CD - #E3DAEC

CSS codes

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

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