#BFC1DF - #FFE6FD | 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 #BFC1DF to #FFE6FD

#BFC1DF #FFE6FD

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

#BFC1DF - #FFE6FD | 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 #BFC1DF as 0% and #FFE6FD as 100%.

0.0%	0.0% #BFC1DF	RGB 191 193 223	#BFC1DF
16.7%	16.7% #C9C7E4	RGB 201 199 228	#C9C7E4
33.3%	33.3% #D4CDE9	RGB 212 205 233	#D4CDE9
50.0%	50.0% #DFD3EE	RGB 223 211 238	#DFD3EE
66.7%	66.7% #E9D9F3	RGB 233 217 243	#E9D9F3
83.3%	83.3% #F4DFF8	RGB 244 223 248	#F4DFF8
100.0%	100.0% #FFE6FD	RGB 255 230 253	#FFE6FD

#BFC1DF #C9C7E4 #D4CDE9 #DFD3EE #E9D9F3 #F4DFF8 #FFE6FD

#BFC1DF - #FFE6FD

HSV Blend

#BFC1DF - #FFE6FD | 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 #BFC1DF as 0% and #FFE6FD as 100%.

0.0%	0.0% #BFC1DF	RGB 191 193 223	#BFC1DF
16.7%	16.7% #C9C5E4	RGB 201 197 228	#C9C5E4
33.3%	33.3% #D5CBE9	RGB 213 203 233	#D5CBE9
50.0%	50.0% #E0D2EF	RGB 224 210 239	#E0D2EF
66.7%	66.7% #ECD8F4	RGB 236 216 244	#ECD8F4
83.3%	83.3% #F6DFF9	RGB 246 223 249	#F6DFF9
100.0%	100.0% #FFE6FD	RGB 255 230 253	#FFE6FD

#BFC1DF #C9C5E4 #D5CBE9 #E0D2EF #ECD8F4 #F6DFF9 #FFE6FD

#BFC1DF - #E0D2EF - #FFE6FD

CSS codes

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

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