#FEC9FE - #CDDEFF | 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 #FEC9FE to #CDDEFF

#FEC9FE #CDDEFF

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

#FEC9FE - #CDDEFF | 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 #FEC9FE as 0% and #CDDEFF as 100%.

0.0%	0.0% #FEC9FE	RGB 254 201 254	#FEC9FE
16.7%	16.7% #F5CCFE	RGB 245 204 254	#F5CCFE
33.3%	33.3% #EDD0FE	RGB 237 208 254	#EDD0FE
50.0%	50.0% #E5D3FE	RGB 229 211 254	#E5D3FE
66.7%	66.7% #DDD7FE	RGB 221 215 254	#DDD7FE
83.3%	83.3% #D5DAFE	RGB 213 218 254	#D5DAFE
100.0%	100.0% #CDDEFF	RGB 205 222 255	#CDDEFF

#FEC9FE #F5CCFE #EDD0FE #E5D3FE #DDD7FE #D5DAFE #CDDEFF

#FEC9FE - #CDDEFF

HSV Blend

#FEC9FE - #CDDEFF | 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 #FEC9FE as 0% and #CDDEFF as 100%.

0.0%	0.0% #FEC9FE	RGB 254 201 254	#FEC9FE
16.7%	16.7% #F2C9FE	RGB 242 201 254	#F2C9FE
33.3%	33.3% #E7CAFE	RGB 231 202 254	#E7CAFE
50.0%	50.0% #DBCAFE	RGB 219 202 254	#DBCAFE
66.7%	66.7% #D1CBFE	RGB 209 203 254	#D1CBFE
83.3%	83.3% #CCD2FE	RGB 204 210 254	#CCD2FE
100.0%	100.0% #CDDEFF	RGB 205 222 255	#CDDEFF

#FEC9FE #F2C9FE #E7CAFE #DBCAFE #D1CBFE #CCD2FE #CDDEFF

#FEC9FE - #DBCAFE - #CDDEFF

CSS codes

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

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