#CEC2D2 - #FFF8CB | 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 #CEC2D2 to #FFF8CB

#CEC2D2 #FFF8CB

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

#CEC2D2 - #FFF8CB | 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 #CEC2D2 as 0% and #FFF8CB as 100%.

0.0%	0.0% #CEC2D2	RGB 206 194 210	#CEC2D2
16.7%	16.7% #D6CBD0	RGB 214 203 208	#D6CBD0
33.3%	33.3% #DED4CF	RGB 222 212 207	#DED4CF
50.0%	50.0% #E6DDCE	RGB 230 221 206	#E6DDCE
66.7%	66.7% #EEE6CD	RGB 238 230 205	#EEE6CD
83.3%	83.3% #F6EFCC	RGB 246 239 204	#F6EFCC
100.0%	100.0% #FFF8CB	RGB 255 248 203	#FFF8CB

#CEC2D2 #D6CBD0 #DED4CF #E6DDCE #EEE6CD #F6EFCC #FFF8CB

#CEC2D2 - #FFF8CB

HSV Blend

#CEC2D2 - #FFF8CB | 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 #CEC2D2 as 0% and #FFF8CB as 100%.

0.0%	0.0% #CEC2D2	RGB 206 194 210	#CEC2D2
16.7%	16.7% #D9C4D7	RGB 217 196 215	#D9C4D7
33.3%	33.3% #E1C6D4	RGB 225 198 212	#E1C6D4
50.0%	50.0% #E8C7CE	RGB 232 199 206	#E8C7CE
66.7%	66.7% #F0CFC9	RGB 240 207 201	#F0CFC9
83.3%	83.3% #F7E1CA	RGB 247 225 202	#F7E1CA
100.0%	100.0% #FFF8CB	RGB 255 248 203	#FFF8CB

#CEC2D2 #D9C4D7 #E1C6D4 #E8C7CE #F0CFC9 #F7E1CA #FFF8CB

#CEC2D2 - #E8C7CE - #FFF8CB

CSS codes

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

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