#F8C7FF - #BA61CD | 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 #F8C7FF to #BA61CD

#F8C7FF #BA61CD

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

#F8C7FF - #BA61CD | 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 #F8C7FF as 0% and #BA61CD as 100%.

0.0%	0.0% #F8C7FF	RGB 248 199 255	#F8C7FF
16.7%	16.7% #EDB6F6	RGB 237 182 246	#EDB6F6
33.3%	33.3% #E3A5EE	RGB 227 165 238	#E3A5EE
50.0%	50.0% #D994E6	RGB 217 148 230	#D994E6
66.7%	66.7% #CE83DD	RGB 206 131 221	#CE83DD
83.3%	83.3% #C472D5	RGB 196 114 213	#C472D5
100.0%	100.0% #BA61CD	RGB 186 97 205	#BA61CD

#F8C7FF #EDB6F6 #E3A5EE #D994E6 #CE83DD #C472D5 #BA61CD

#F8C7FF - #BA61CD

HSV Blend

#F8C7FF - #BA61CD | 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 #F8C7FF as 0% and #BA61CD as 100%.

0.0%	0.0% #F8C7FF	RGB 248 199 255	#F8C7FF
16.7%	16.7% #EDB3F6	RGB 237 179 246	#EDB3F6
33.3%	33.3% #E3A1EE	RGB 227 161 238	#E3A1EE
50.0%	50.0% #D990E6	RGB 217 144 230	#D990E6
66.7%	66.7% #CE7FDD	RGB 206 127 221	#CE7FDD
83.3%	83.3% #C46FD5	RGB 196 111 213	#C46FD5
100.0%	100.0% #BA61CD	RGB 186 97 205	#BA61CD

#F8C7FF #EDB3F6 #E3A1EE #D990E6 #CE7FDD #C46FD5 #BA61CD

#F8C7FF - #D990E6 - #BA61CD

CSS codes

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

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