#F6E2FF - #BB8CCC | 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 #F6E2FF to #BB8CCC

#F6E2FF #BB8CCC

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

#F6E2FF - #BB8CCC | 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 #F6E2FF as 0% and #BB8CCC as 100%.

0.0%	0.0% #F6E2FF	RGB 246 226 255	#F6E2FF
16.7%	16.7% #ECD3F6	RGB 236 211 246	#ECD3F6
33.3%	33.3% #E2C5EE	RGB 226 197 238	#E2C5EE
50.0%	50.0% #D8B7E5	RGB 216 183 229	#D8B7E5
66.7%	66.7% #CEA8DD	RGB 206 168 221	#CEA8DD
83.3%	83.3% #C49AD4	RGB 196 154 212	#C49AD4
100.0%	100.0% #BB8CCC	RGB 187 140 204	#BB8CCC

#F6E2FF #ECD3F6 #E2C5EE #D8B7E5 #CEA8DD #C49AD4 #BB8CCC

#F6E2FF - #BB8CCC

HSV Blend

#F6E2FF - #BB8CCC | 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 #F6E2FF as 0% and #BB8CCC as 100%.

0.0%	0.0% #F6E2FF	RGB 246 226 255	#F6E2FF
16.7%	16.7% #EBD2F6	RGB 235 210 246	#EBD2F6
33.3%	33.3% #E1C3EE	RGB 225 195 238	#E1C3EE
50.0%	50.0% #D7B4E5	RGB 215 180 229	#D7B4E5
66.7%	66.7% #CDA6DD	RGB 205 166 221	#CDA6DD
83.3%	83.3% #C498D4	RGB 196 152 212	#C498D4
100.0%	100.0% #BB8CCC	RGB 187 140 204	#BB8CCC

#F6E2FF #EBD2F6 #E1C3EE #D7B4E5 #CDA6DD #C498D4 #BB8CCC

#F6E2FF - #D7B4E5 - #BB8CCC

CSS codes

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

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