#C7B9CC - #EECBFF | 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 #C7B9CC to #EECBFF

#C7B9CC #EECBFF

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

#C7B9CC - #EECBFF | 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 #C7B9CC as 0% and #EECBFF as 100%.

0.0%	0.0% #C7B9CC	RGB 199 185 204	#C7B9CC
16.7%	16.7% #CDBCD4	RGB 205 188 212	#CDBCD4
33.3%	33.3% #D4BFDD	RGB 212 191 221	#D4BFDD
50.0%	50.0% #DAC2E5	RGB 218 194 229	#DAC2E5
66.7%	66.7% #E1C5EE	RGB 225 197 238	#E1C5EE
83.3%	83.3% #E7C8F6	RGB 231 200 246	#E7C8F6
100.0%	100.0% #EECBFF	RGB 238 203 255	#EECBFF

#C7B9CC #CDBCD4 #D4BFDD #DAC2E5 #E1C5EE #E7C8F6 #EECBFF

#C7B9CC - #EECBFF

HSV Blend

#C7B9CC - #EECBFF | 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 #C7B9CC as 0% and #EECBFF as 100%.

0.0%	0.0% #C7B9CC	RGB 199 185 204	#C7B9CC
16.7%	16.7% #CEBCD4	RGB 206 188 212	#CEBCD4
33.3%	33.3% #D4C0DD	RGB 212 192 221	#D4C0DD
50.0%	50.0% #DBC3E5	RGB 219 195 229	#DBC3E5
66.7%	66.7% #E1C6EE	RGB 225 198 238	#E1C6EE
83.3%	83.3% #E8C8F6	RGB 232 200 246	#E8C8F6
100.0%	100.0% #EECBFF	RGB 238 203 255	#EECBFF

#C7B9CC #CEBCD4 #D4C0DD #DBC3E5 #E1C6EE #E8C8F6 #EECBFF

#C7B9CC - #DBC3E5 - #EECBFF

CSS codes

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

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