#C0BABE - #EBCFE9 | 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 #C0BABE to #EBCFE9

#C0BABE #EBCFE9

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

#C0BABE - #EBCFE9 | 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 #C0BABE as 0% and #EBCFE9 as 100%.

0.0%	0.0% #C0BABE	RGB 192 186 190	#C0BABE
16.7%	16.7% #C7BDC5	RGB 199 189 197	#C7BDC5
33.3%	33.3% #CEC1CC	RGB 206 193 204	#CEC1CC
50.0%	50.0% #D5C4D3	RGB 213 196 211	#D5C4D3
66.7%	66.7% #DCC8DA	RGB 220 200 218	#DCC8DA
83.3%	83.3% #E3CBE1	RGB 227 203 225	#E3CBE1
100.0%	100.0% #EBCFE9	RGB 235 207 233	#EBCFE9

#C0BABE #C7BDC5 #CEC1CC #D5C4D3 #DCC8DA #E3CBE1 #EBCFE9

#C0BABE - #EBCFE9

HSV Blend

#C0BABE - #EBCFE9 | 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 #C0BABE as 0% and #EBCFE9 as 100%.

0.0%	0.0% #C0BABE	RGB 192 186 190	#C0BABE
16.7%	16.7% #C7BEC4	RGB 199 190 196	#C7BEC4
33.3%	33.3% #CEC1CB	RGB 206 193 203	#CEC1CB
50.0%	50.0% #D5C5D2	RGB 213 197 210	#D5C5D2
66.7%	66.7% #DCC8D9	RGB 220 200 217	#DCC8D9
83.3%	83.3% #E3CCE1	RGB 227 204 225	#E3CCE1
100.0%	100.0% #EBCFE9	RGB 235 207 233	#EBCFE9

#C0BABE #C7BEC4 #CEC1CB #D5C5D2 #DCC8D9 #E3CCE1 #EBCFE9

#C0BABE - #D5C5D2 - #EBCFE9

CSS codes

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

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