#CCB2FF - #FFE9E9 | 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 #CCB2FF to #FFE9E9

#CCB2FF #FFE9E9

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

#CCB2FF - #FFE9E9 | 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 #CCB2FF as 0% and #FFE9E9 as 100%.

0.0%	0.0% #CCB2FF	RGB 204 178 255	#CCB2FF
16.7%	16.7% #D4BBFB	RGB 212 187 251	#D4BBFB
33.3%	33.3% #DDC4F7	RGB 221 196 247	#DDC4F7
50.0%	50.0% #E5CDF4	RGB 229 205 244	#E5CDF4
66.7%	66.7% #EED6F0	RGB 238 214 240	#EED6F0
83.3%	83.3% #F6DFEC	RGB 246 223 236	#F6DFEC
100.0%	100.0% #FFE9E9	RGB 255 233 233	#FFE9E9

#CCB2FF #D4BBFB #DDC4F7 #E5CDF4 #EED6F0 #F6DFEC #FFE9E9

#CCB2FF - #FFE9E9

HSV Blend

#CCB2FF - #FFE9E9 | 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 #CCB2FF as 0% and #FFE9E9 as 100%.

0.0%	0.0% #CCB2FF	RGB 204 178 255	#CCB2FF
16.7%	16.7% #E4BBFF	RGB 228 187 255	#E4BBFF
33.3%	33.3% #F8C4FF	RGB 248 196 255	#F8C4FF
50.0%	50.0% #FFCDF6	RGB 255 205 246	#FFCDF6
66.7%	66.7% #FFD6ED	RGB 255 214 237	#FFD6ED
83.3%	83.3% #FFDFE8	RGB 255 223 232	#FFDFE8
100.0%	100.0% #FFE9E9	RGB 255 233 233	#FFE9E9

#CCB2FF #E4BBFF #F8C4FF #FFCDF6 #FFD6ED #FFDFE8 #FFE9E9

#CCB2FF - #FFCDF6 - #FFE9E9

CSS codes

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

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