#CDBBCE - #EECAFF | 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 #CDBBCE to #EECAFF

#CDBBCE #EECAFF

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

#CDBBCE - #EECAFF | 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 #CDBBCE as 0% and #EECAFF as 100%.

0.0%	0.0% #CDBBCE	RGB 205 187 206	#CDBBCE
16.7%	16.7% #D2BDD6	RGB 210 189 214	#D2BDD6
33.3%	33.3% #D8C0DE	RGB 216 192 222	#D8C0DE
50.0%	50.0% #DDC2E6	RGB 221 194 230	#DDC2E6
66.7%	66.7% #E3C5EE	RGB 227 197 238	#E3C5EE
83.3%	83.3% #E8C7F6	RGB 232 199 246	#E8C7F6
100.0%	100.0% #EECAFF	RGB 238 202 255	#EECAFF

#CDBBCE #D2BDD6 #D8C0DE #DDC2E6 #E3C5EE #E8C7F6 #EECAFF

#CDBBCE - #EECAFF

HSV Blend

#CDBBCE - #EECAFF | 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 #CDBBCE as 0% and #EECAFF as 100%.

0.0%	0.0% #CDBBCE	RGB 205 187 206	#CDBBCE
16.7%	16.7% #D3BED6	RGB 211 190 214	#D3BED6
33.3%	33.3% #DAC1DE	RGB 218 193 222	#DAC1DE
50.0%	50.0% #E0C3E6	RGB 224 195 230	#E0C3E6
66.7%	66.7% #E5C6EE	RGB 229 198 238	#E5C6EE
83.3%	83.3% #E9C8F6	RGB 233 200 246	#E9C8F6
100.0%	100.0% #EECAFF	RGB 238 202 255	#EECAFF

#CDBBCE #D3BED6 #DAC1DE #E0C3E6 #E5C6EE #E9C8F6 #EECAFF

#CDBBCE - #E0C3E6 - #EECAFF

CSS codes

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

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