#C8B3C2 - #EFE9EC | 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 #C8B3C2 to #EFE9EC

#C8B3C2 #EFE9EC

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

#C8B3C2 - #EFE9EC | 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 #C8B3C2 as 0% and #EFE9EC as 100%.

0.0%	0.0% #C8B3C2	RGB 200 179 194	#C8B3C2
16.7%	16.7% #CEBCC9	RGB 206 188 201	#CEBCC9
33.3%	33.3% #D5C5D0	RGB 213 197 208	#D5C5D0
50.0%	50.0% #DBCED7	RGB 219 206 215	#DBCED7
66.7%	66.7% #E2D7DE	RGB 226 215 222	#E2D7DE
83.3%	83.3% #E8E0E5	RGB 232 224 229	#E8E0E5
100.0%	100.0% #EFE9EC	RGB 239 233 236	#EFE9EC

#C8B3C2 #CEBCC9 #D5C5D0 #DBCED7 #E2D7DE #E8E0E5 #EFE9EC

#C8B3C2 - #EFE9EC

HSV Blend

#C8B3C2 - #EFE9EC | 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 #C8B3C2 as 0% and #EFE9EC as 100%.

0.0%	0.0% #C8B3C2	RGB 200 179 194	#C8B3C2
16.7%	16.7% #CEBBC8	RGB 206 187 200	#CEBBC8
33.3%	33.3% #D5C4CF	RGB 213 196 207	#D5C4CF
50.0%	50.0% #DBCDD5	RGB 219 205 213	#DBCDD5
66.7%	66.7% #E2D6DC	RGB 226 214 220	#E2D6DC
83.3%	83.3% #E8DFE4	RGB 232 223 228	#E8DFE4
100.0%	100.0% #EFE9EC	RGB 239 233 236	#EFE9EC

#C8B3C2 #CEBBC8 #D5C4CF #DBCDD5 #E2D6DC #E8DFE4 #EFE9EC

#C8B3C2 - #DBCDD5 - #EFE9EC

CSS codes

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

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