#BFC0FF - #ECEDFF | 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 #BFC0FF to #ECEDFF

#BFC0FF #ECEDFF

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

#BFC0FF - #ECEDFF | 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 #BFC0FF as 0% and #ECEDFF as 100%.

0.0%	0.0% #BFC0FF	RGB 191 192 255	#BFC0FF
16.7%	16.7% #C6C7FF	RGB 198 199 255	#C6C7FF
33.3%	33.3% #CECFFF	RGB 206 207 255	#CECFFF
50.0%	50.0% #D5D6FF	RGB 213 214 255	#D5D6FF
66.7%	66.7% #DDDEFF	RGB 221 222 255	#DDDEFF
83.3%	83.3% #E4E5FF	RGB 228 229 255	#E4E5FF
100.0%	100.0% #ECEDFF	RGB 236 237 255	#ECEDFF

#BFC0FF #C6C7FF #CECFFF #D5D6FF #DDDEFF #E4E5FF #ECEDFF

#BFC0FF - #ECEDFF

HSV Blend

#BFC0FF - #ECEDFF | 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 #BFC0FF as 0% and #ECEDFF as 100%.

0.0%	0.0% #BFC0FF	RGB 191 192 255	#BFC0FF
16.7%	16.7% #C6C7FF	RGB 198 199 255	#C6C7FF
33.3%	33.3% #CECFFF	RGB 206 207 255	#CECFFF
50.0%	50.0% #D5D6FF	RGB 213 214 255	#D5D6FF
66.7%	66.7% #DDDEFF	RGB 221 222 255	#DDDEFF
83.3%	83.3% #E4E5FF	RGB 228 229 255	#E4E5FF
100.0%	100.0% #ECEDFF	RGB 236 237 255	#ECEDFF

#BFC0FF #C6C7FF #CECFFF #D5D6FF #DDDEFF #E4E5FF #ECEDFF

#BFC0FF - #D5D6FF - #ECEDFF

CSS codes

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

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