#FFC0FE - #FEEDFF | 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 #FFC0FE to #FEEDFF

#FFC0FE #FEEDFF

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

#FFC0FE - #FEEDFF | 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 #FFC0FE as 0% and #FEEDFF as 100%.

0.0%	0.0% #FFC0FE	RGB 255 192 254	#FFC0FE
16.7%	16.7% #FEC7FE	RGB 254 199 254	#FEC7FE
33.3%	33.3% #FECFFE	RGB 254 207 254	#FECFFE
50.0%	50.0% #FED6FE	RGB 254 214 254	#FED6FE
66.7%	66.7% #FEDEFE	RGB 254 222 254	#FEDEFE
83.3%	83.3% #FEE5FE	RGB 254 229 254	#FEE5FE
100.0%	100.0% #FEEDFF	RGB 254 237 255	#FEEDFF

#FFC0FE #FEC7FE #FECFFE #FED6FE #FEDEFE #FEE5FE #FEEDFF

#FFC0FE - #FEEDFF

HSV Blend

#FFC0FE - #FEEDFF | 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 #FFC0FE as 0% and #FEEDFF as 100%.

0.0%	0.0% #FFC0FE	RGB 255 192 254	#FFC0FE
16.7%	16.7% #FFC7FE	RGB 255 199 254	#FFC7FE
33.3%	33.3% #FECFFF	RGB 254 207 255	#FECFFF
50.0%	50.0% #FED6FF	RGB 254 214 255	#FED6FF
66.7%	66.7% #FDDEFF	RGB 253 222 255	#FDDEFF
83.3%	83.3% #FDE5FF	RGB 253 229 255	#FDE5FF
100.0%	100.0% #FEEDFF	RGB 254 237 255	#FEEDFF

#FFC0FE #FFC7FE #FECFFF #FED6FF #FDDEFF #FDE5FF #FEEDFF

#FFC0FE - #FED6FF - #FEEDFF

CSS codes

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

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