#C0B5CF - #EECDFF | 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 #C0B5CF to #EECDFF

#C0B5CF #EECDFF

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

#C0B5CF - #EECDFF | 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 #C0B5CF as 0% and #EECDFF as 100%.

0.0%	0.0% #C0B5CF	RGB 192 181 207	#C0B5CF
16.7%	16.7% #C7B9D7	RGB 199 185 215	#C7B9D7
33.3%	33.3% #CFBDDF	RGB 207 189 223	#CFBDDF
50.0%	50.0% #D7C1E7	RGB 215 193 231	#D7C1E7
66.7%	66.7% #DEC5EF	RGB 222 197 239	#DEC5EF
83.3%	83.3% #E6C9F7	RGB 230 201 247	#E6C9F7
100.0%	100.0% #EECDFF	RGB 238 205 255	#EECDFF

#C0B5CF #C7B9D7 #CFBDDF #D7C1E7 #DEC5EF #E6C9F7 #EECDFF

#C0B5CF - #EECDFF

HSV Blend

#C0B5CF - #EECDFF | 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 #C0B5CF as 0% and #EECDFF as 100%.

0.0%	0.0% #C0B5CF	RGB 192 181 207	#C0B5CF
16.7%	16.7% #C7B9D7	RGB 199 185 215	#C7B9D7
33.3%	33.3% #CEBDDF	RGB 206 189 223	#CEBDDF
50.0%	50.0% #D5C1E7	RGB 213 193 231	#D5C1E7
66.7%	66.7% #DDC5EF	RGB 221 197 239	#DDC5EF
83.3%	83.3% #E5C9F7	RGB 229 201 247	#E5C9F7
100.0%	100.0% #EECDFF	RGB 238 205 255	#EECDFF

#C0B5CF #C7B9D7 #CEBDDF #D5C1E7 #DDC5EF #E5C9F7 #EECDFF

#C0B5CF - #D5C1E7 - #EECDFF

CSS codes

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

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