#B099FF - #F7E6FB | 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 #B099FF to #F7E6FB

#B099FF #F7E6FB

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

#B099FF - #F7E6FB | 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 #B099FF as 0% and #F7E6FB as 100%.

0.0%	0.0% #B099FF	RGB 176 153 255	#B099FF
16.7%	16.7% #BBA5FE	RGB 187 165 254	#BBA5FE
33.3%	33.3% #C7B2FD	RGB 199 178 253	#C7B2FD
50.0%	50.0% #D3BFFD	RGB 211 191 253	#D3BFFD
66.7%	66.7% #DFCCFC	RGB 223 204 252	#DFCCFC
83.3%	83.3% #EBD9FB	RGB 235 217 251	#EBD9FB
100.0%	100.0% #F7E6FB	RGB 247 230 251	#F7E6FB

#B099FF #BBA5FE #C7B2FD #D3BFFD #DFCCFC #EBD9FB #F7E6FB

#B099FF - #F7E6FB

HSV Blend

#B099FF - #F7E6FB | 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 #B099FF as 0% and #F7E6FB as 100%.

0.0%	0.0% #B099FF	RGB 176 153 255	#B099FF
16.7%	16.7% #C2A6FE	RGB 194 166 254	#C2A6FE
33.3%	33.3% #D2B2FD	RGB 210 178 253	#D2B2FD
50.0%	50.0% #DFBFFD	RGB 223 191 253	#DFBFFD
66.7%	66.7% #E9CCFC	RGB 233 204 252	#E9CCFC
83.3%	83.3% #F1D9FB	RGB 241 217 251	#F1D9FB
100.0%	100.0% #F7E6FB	RGB 247 230 251	#F7E6FB

#B099FF #C2A6FE #D2B2FD #DFBFFD #E9CCFC #F1D9FB #F7E6FB

#B099FF - #DFBFFD - #F7E6FB

CSS codes

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

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