#F7D2FF - #BA72CD | 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 #F7D2FF to #BA72CD

#F7D2FF #BA72CD

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

#F7D2FF - #BA72CD | 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 #F7D2FF as 0% and #BA72CD as 100%.

0.0%	0.0% #F7D2FF	RGB 247 210 255	#F7D2FF
16.7%	16.7% #ECC2F6	RGB 236 194 246	#ECC2F6
33.3%	33.3% #E2B2EE	RGB 226 178 238	#E2B2EE
50.0%	50.0% #D8A2E6	RGB 216 162 230	#D8A2E6
66.7%	66.7% #CE92DD	RGB 206 146 221	#CE92DD
83.3%	83.3% #C482D5	RGB 196 130 213	#C482D5
100.0%	100.0% #BA72CD	RGB 186 114 205	#BA72CD

#F7D2FF #ECC2F6 #E2B2EE #D8A2E6 #CE92DD #C482D5 #BA72CD

#F7D2FF - #BA72CD

HSV Blend

#F7D2FF - #BA72CD | 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 #F7D2FF as 0% and #BA72CD as 100%.

0.0%	0.0% #F7D2FF	RGB 247 210 255	#F7D2FF
16.7%	16.7% #ECC0F6	RGB 236 192 246	#ECC0F6
33.3%	33.3% #E2AFEE	RGB 226 175 238	#E2AFEE
50.0%	50.0% #D89EE6	RGB 216 158 230	#D89EE6
66.7%	66.7% #CE8FDD	RGB 206 143 221	#CE8FDD
83.3%	83.3% #C380D5	RGB 195 128 213	#C380D5
100.0%	100.0% #BA72CD	RGB 186 114 205	#BA72CD

#F7D2FF #ECC0F6 #E2AFEE #D89EE6 #CE8FDD #C380D5 #BA72CD

#F7D2FF - #D89EE6 - #BA72CD

CSS codes

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

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