#F0CBFF - #CFEDFF | 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 #F0CBFF to #CFEDFF

#F0CBFF #CFEDFF

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

#F0CBFF - #CFEDFF | 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 #F0CBFF as 0% and #CFEDFF as 100%.

0.0%	0.0% #F0CBFF	RGB 240 203 255	#F0CBFF
16.7%	16.7% #EAD0FF	RGB 234 208 255	#EAD0FF
33.3%	33.3% #E5D6FF	RGB 229 214 255	#E5D6FF
50.0%	50.0% #DFDCFF	RGB 223 220 255	#DFDCFF
66.7%	66.7% #DAE1FF	RGB 218 225 255	#DAE1FF
83.3%	83.3% #D4E7FF	RGB 212 231 255	#D4E7FF
100.0%	100.0% #CFEDFF	RGB 207 237 255	#CFEDFF

#F0CBFF #EAD0FF #E5D6FF #DFDCFF #DAE1FF #D4E7FF #CFEDFF

#F0CBFF - #CFEDFF

HSV Blend

#F0CBFF - #CFEDFF | 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 #F0CBFF as 0% and #CFEDFF as 100%.

0.0%	0.0% #F0CBFF	RGB 240 203 255	#F0CBFF
16.7%	16.7% #E4CBFF	RGB 228 203 255	#E4CBFF
33.3%	33.3% #D9CCFF	RGB 217 204 255	#D9CCFF
50.0%	50.0% #CFCDFF	RGB 207 205 255	#CFCDFF
66.7%	66.7% #CDD6FF	RGB 205 214 255	#CDD6FF
83.3%	83.3% #CEE1FF	RGB 206 225 255	#CEE1FF
100.0%	100.0% #CFEDFF	RGB 207 237 255	#CFEDFF

#F0CBFF #E4CBFF #D9CCFF #CFCDFF #CDD6FF #CEE1FF #CFEDFF

#F0CBFF - #CFCDFF - #CFEDFF

CSS codes

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

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