#CCABFE - #FFEAF2 | 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 #CCABFE to #FFEAF2

#CCABFE #FFEAF2

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

#CCABFE - #FFEAF2 | 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 #CCABFE as 0% and #FFEAF2 as 100%.

0.0%	0.0% #CCABFE	RGB 204 171 254	#CCABFE
16.7%	16.7% #D4B5FC	RGB 212 181 252	#D4B5FC
33.3%	33.3% #DDC0FA	RGB 221 192 250	#DDC0FA
50.0%	50.0% #E5CAF8	RGB 229 202 248	#E5CAF8
66.7%	66.7% #EED5F6	RGB 238 213 246	#EED5F6
83.3%	83.3% #F6DFF4	RGB 246 223 244	#F6DFF4
100.0%	100.0% #FFEAF2	RGB 255 234 242	#FFEAF2

#CCABFE #D4B5FC #DDC0FA #E5CAF8 #EED5F6 #F6DFF4 #FFEAF2

#CCABFE - #FFEAF2

HSV Blend

#CCABFE - #FFEAF2 | 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 #CCABFE as 0% and #FFEAF2 as 100%.

0.0%	0.0% #CCABFE	RGB 204 171 254	#CCABFE
16.7%	16.7% #E1B5FE	RGB 225 181 254	#E1B5FE
33.3%	33.3% #F2BFFE	RGB 242 191 254	#F2BFFE
50.0%	50.0% #FECAFE	RGB 254 202 254	#FECAFE
66.7%	66.7% #FED4F5	RGB 254 212 245	#FED4F5
83.3%	83.3% #FEDFF1	RGB 254 223 241	#FEDFF1
100.0%	100.0% #FFEAF2	RGB 255 234 242	#FFEAF2

#CCABFE #E1B5FE #F2BFFE #FECAFE #FED4F5 #FEDFF1 #FFEAF2

#CCABFE - #FECAFE - #FFEAF2

CSS codes

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

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