#FEC9EE - #CDCFFF | 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 #FEC9EE to #CDCFFF

#FEC9EE #CDCFFF

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

#FEC9EE - #CDCFFF | 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 #FEC9EE as 0% and #CDCFFF as 100%.

0.0%	0.0% #FEC9EE	RGB 254 201 238	#FEC9EE
16.7%	16.7% #F5CAF0	RGB 245 202 240	#F5CAF0
33.3%	33.3% #EDCBF3	RGB 237 203 243	#EDCBF3
50.0%	50.0% #E5CCF6	RGB 229 204 246	#E5CCF6
66.7%	66.7% #DDCDF9	RGB 221 205 249	#DDCDF9
83.3%	83.3% #D5CEFC	RGB 213 206 252	#D5CEFC
100.0%	100.0% #CDCFFF	RGB 205 207 255	#CDCFFF

#FEC9EE #F5CAF0 #EDCBF3 #E5CCF6 #DDCDF9 #D5CEFC #CDCFFF

#FEC9EE - #CDCFFF

HSV Blend

#FEC9EE - #CDCFFF | 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 #FEC9EE as 0% and #CDCFFF as 100%.

0.0%	0.0% #FEC9EE	RGB 254 201 238	#FEC9EE
16.7%	16.7% #FEC9FA	RGB 254 201 250	#FEC9FA
33.3%	33.3% #F6CAFE	RGB 246 202 254	#F6CAFE
50.0%	50.0% #EBCAFE	RGB 235 202 254	#EBCAFE
66.7%	66.7% #E0CBFE	RGB 224 203 254	#E0CBFE
83.3%	83.3% #D5CCFE	RGB 213 204 254	#D5CCFE
100.0%	100.0% #CDCFFF	RGB 205 207 255	#CDCFFF

#FEC9EE #FEC9FA #F6CAFE #EBCAFE #E0CBFE #D5CCFE #CDCFFF

#FEC9EE - #EBCAFE - #CDCFFF

CSS codes

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

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