#C0BABF - #E8CFEB | 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 #C0BABF to #E8CFEB

#C0BABF #E8CFEB

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

#C0BABF - #E8CFEB | 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 #C0BABF as 0% and #E8CFEB as 100%.

0.0%	0.0% #C0BABF	RGB 192 186 191	#C0BABF
16.7%	16.7% #C6BDC6	RGB 198 189 198	#C6BDC6
33.3%	33.3% #CDC1CD	RGB 205 193 205	#CDC1CD
50.0%	50.0% #D4C4D5	RGB 212 196 213	#D4C4D5
66.7%	66.7% #DAC8DC	RGB 218 200 220	#DAC8DC
83.3%	83.3% #E1CBE3	RGB 225 203 227	#E1CBE3
100.0%	100.0% #E8CFEB	RGB 232 207 235	#E8CFEB

#C0BABF #C6BDC6 #CDC1CD #D4C4D5 #DAC8DC #E1CBE3 #E8CFEB

#C0BABF - #E8CFEB

HSV Blend

#C0BABF - #E8CFEB | 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 #C0BABF as 0% and #E8CFEB as 100%.

0.0%	0.0% #C0BABF	RGB 192 186 191	#C0BABF
16.7%	16.7% #C7BEC6	RGB 199 190 198	#C7BEC6
33.3%	33.3% #CEC1CD	RGB 206 193 205	#CEC1CD
50.0%	50.0% #D5C5D5	RGB 213 197 213	#D5C5D5
66.7%	66.7% #DCC8DC	RGB 220 200 220	#DCC8DC
83.3%	83.3% #E2CCE3	RGB 226 204 227	#E2CCE3
100.0%	100.0% #E8CFEB	RGB 232 207 235	#E8CFEB

#C0BABF #C7BEC6 #CEC1CD #D5C5D5 #DCC8DC #E2CCE3 #E8CFEB

#C0BABF - #D5C5D5 - #E8CFEB

CSS codes

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

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