#F0DBFF - #BA8CDA | 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 #F0DBFF to #BA8CDA

#F0DBFF #BA8CDA

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

#F0DBFF - #BA8CDA | 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 #F0DBFF as 0% and #BA8CDA as 100%.

0.0%	0.0% #F0DBFF	RGB 240 219 255	#F0DBFF
16.7%	16.7% #E7CDF8	RGB 231 205 248	#E7CDF8
33.3%	33.3% #DEC0F2	RGB 222 192 242	#DEC0F2
50.0%	50.0% #D5B3EC	RGB 213 179 236	#D5B3EC
66.7%	66.7% #CCA6E6	RGB 204 166 230	#CCA6E6
83.3%	83.3% #C399E0	RGB 195 153 224	#C399E0
100.0%	100.0% #BA8CDA	RGB 186 140 218	#BA8CDA

#F0DBFF #E7CDF8 #DEC0F2 #D5B3EC #CCA6E6 #C399E0 #BA8CDA

#F0DBFF - #BA8CDA

HSV Blend

#F0DBFF - #BA8CDA | 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 #F0DBFF as 0% and #BA8CDA as 100%.

0.0%	0.0% #F0DBFF	RGB 240 219 255	#F0DBFF
16.7%	16.7% #E6CCF8	RGB 230 204 248	#E6CCF8
33.3%	33.3% #DDBEF2	RGB 221 190 242	#DDBEF2
50.0%	50.0% #D4B1EC	RGB 212 177 236	#D4B1EC
66.7%	66.7% #CBA4E6	RGB 203 164 230	#CBA4E6
83.3%	83.3% #C298E0	RGB 194 152 224	#C298E0
100.0%	100.0% #BA8CDA	RGB 186 140 218	#BA8CDA

#F0DBFF #E6CCF8 #DDBEF2 #D4B1EC #CBA4E6 #C298E0 #BA8CDA

#F0DBFF - #D4B1EC - #BA8CDA

CSS codes

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

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