#C8C2DC - #FFEBD5 | 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 #C8C2DC to #FFEBD5

#C8C2DC #FFEBD5

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

#C8C2DC - #FFEBD5 | 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 #C8C2DC as 0% and #FFEBD5 as 100%.

0.0%	0.0% #C8C2DC	RGB 200 194 220	#C8C2DC
16.7%	16.7% #D1C8DA	RGB 209 200 218	#D1C8DA
33.3%	33.3% #DACFD9	RGB 218 207 217	#DACFD9
50.0%	50.0% #E3D6D8	RGB 227 214 216	#E3D6D8
66.7%	66.7% #ECDDD7	RGB 236 221 215	#ECDDD7
83.3%	83.3% #F5E4D6	RGB 245 228 214	#F5E4D6
100.0%	100.0% #FFEBD5	RGB 255 235 213	#FFEBD5

#C8C2DC #D1C8DA #DACFD9 #E3D6D8 #ECDDD7 #F5E4D6 #FFEBD5

#C8C2DC - #FFEBD5

HSV Blend

#C8C2DC - #FFEBD5 | 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 #C8C2DC as 0% and #FFEBD5 as 100%.

0.0%	0.0% #C8C2DC	RGB 200 194 220	#C8C2DC
16.7%	16.7% #D6C5E1	RGB 214 197 225	#D6C5E1
33.3%	33.3% #E7C8E7	RGB 231 200 231	#E7C8E7
50.0%	50.0% #EDCBE0	RGB 237 203 224	#EDCBE0
66.7%	66.7% #F3CFD7	RGB 243 207 215	#F3CFD7
83.3%	83.3% #F9D7D2	RGB 249 215 210	#F9D7D2
100.0%	100.0% #FFEBD5	RGB 255 235 213	#FFEBD5

#C8C2DC #D6C5E1 #E7C8E7 #EDCBE0 #F3CFD7 #F9D7D2 #FFEBD5

#C8C2DC - #EDCBE0 - #FFEBD5

CSS codes

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

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