#FEC9F8 - #CDD8FF | 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 #FEC9F8 to #CDD8FF

#FEC9F8 #CDD8FF

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

#FEC9F8 - #CDD8FF | 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 #FEC9F8 as 0% and #CDD8FF as 100%.

0.0%	0.0% #FEC9F8	RGB 254 201 248	#FEC9F8
16.7%	16.7% #F5CBF9	RGB 245 203 249	#F5CBF9
33.3%	33.3% #EDCEFA	RGB 237 206 250	#EDCEFA
50.0%	50.0% #E5D0FB	RGB 229 208 251	#E5D0FB
66.7%	66.7% #DDD3FC	RGB 221 211 252	#DDD3FC
83.3%	83.3% #D5D5FD	RGB 213 213 253	#D5D5FD
100.0%	100.0% #CDD8FF	RGB 205 216 255	#CDD8FF

#FEC9F8 #F5CBF9 #EDCEFA #E5D0FB #DDD3FC #D5D5FD #CDD8FF

#FEC9F8 - #CDD8FF

HSV Blend

#FEC9F8 - #CDD8FF | 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 #FEC9F8 as 0% and #CDD8FF as 100%.

0.0%	0.0% #FEC9F8	RGB 254 201 248	#FEC9F8
16.7%	16.7% #F8C9FE	RGB 248 201 254	#F8C9FE
33.3%	33.3% #EDCAFE	RGB 237 202 254	#EDCAFE
50.0%	50.0% #E1CAFE	RGB 225 202 254	#E1CAFE
66.7%	66.7% #D7CBFE	RGB 215 203 254	#D7CBFE
83.3%	83.3% #CCCCFE	RGB 204 204 254	#CCCCFE
100.0%	100.0% #CDD8FF	RGB 205 216 255	#CDD8FF

#FEC9F8 #F8C9FE #EDCAFE #E1CAFE #D7CBFE #CCCCFE #CDD8FF

#FEC9F8 - #E1CAFE - #CDD8FF

CSS codes

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

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