#CBB9CE - #E3C7FF | 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 #CBB9CE to #E3C7FF

#CBB9CE #E3C7FF

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

#CBB9CE - #E3C7FF | 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 #CBB9CE as 0% and #E3C7FF as 100%.

0.0%	0.0% #CBB9CE	RGB 203 185 206	#CBB9CE
16.7%	16.7% #CFBBD6	RGB 207 187 214	#CFBBD6
33.3%	33.3% #D3BDDE	RGB 211 189 222	#D3BDDE
50.0%	50.0% #D7C0E6	RGB 215 192 230	#D7C0E6
66.7%	66.7% #DBC2EE	RGB 219 194 238	#DBC2EE
83.3%	83.3% #DFC4F6	RGB 223 196 246	#DFC4F6
100.0%	100.0% #E3C7FF	RGB 227 199 255	#E3C7FF

#CBB9CE #CFBBD6 #D3BDDE #D7C0E6 #DBC2EE #DFC4F6 #E3C7FF

#CBB9CE - #E3C7FF

HSV Blend

#CBB9CE - #E3C7FF | 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 #CBB9CE as 0% and #E3C7FF as 100%.

0.0%	0.0% #CBB9CE	RGB 203 185 206	#CBB9CE
16.7%	16.7% #D0BCD6	RGB 208 188 214	#D0BCD6
33.3%	33.3% #D6BEDE	RGB 214 190 222	#D6BEDE
50.0%	50.0% #DAC1E6	RGB 218 193 230	#DAC1E6
66.7%	66.7% #DEC3EE	RGB 222 195 238	#DEC3EE
83.3%	83.3% #E1C5F6	RGB 225 197 246	#E1C5F6
100.0%	100.0% #E3C7FF	RGB 227 199 255	#E3C7FF

#CBB9CE #D0BCD6 #D6BEDE #DAC1E6 #DEC3EE #E1C5F6 #E3C7FF

#CBB9CE - #DAC1E6 - #E3C7FF

CSS codes

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

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