#FFBFFC - #DA5ED7 | 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 #FFBFFC to #DA5ED7

#FFBFFC #DA5ED7

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

#FFBFFC - #DA5ED7 | 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 #FFBFFC as 0% and #DA5ED7 as 100%.

0.0%	0.0% #FFBFFC	RGB 255 191 252	#FFBFFC
16.7%	16.7% #F8AEF5	RGB 248 174 245	#F8AEF5
33.3%	33.3% #F29EEF	RGB 242 158 239	#F29EEF
50.0%	50.0% #EC8EE9	RGB 236 142 233	#EC8EE9
66.7%	66.7% #E67EE3	RGB 230 126 227	#E67EE3
83.3%	83.3% #E06EDD	RGB 224 110 221	#E06EDD
100.0%	100.0% #DA5ED7	RGB 218 94 215	#DA5ED7

#FFBFFC #F8AEF5 #F29EEF #EC8EE9 #E67EE3 #E06EDD #DA5ED7

#FFBFFC - #DA5ED7

HSV Blend

#FFBFFC - #DA5ED7 | 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 #FFBFFC as 0% and #DA5ED7 as 100%.

0.0%	0.0% #FFBFFC	RGB 255 191 252	#FFBFFC
16.7%	16.7% #F8ADF5	RGB 248 173 245	#F8ADF5
33.3%	33.3% #F29CEF	RGB 242 156 239	#F29CEF
50.0%	50.0% #EC8BE9	RGB 236 139 233	#EC8BE9
66.7%	66.7% #E67BE2	RGB 230 123 226	#E67BE2
83.3%	83.3% #E06CDC	RGB 224 108 220	#E06CDC
100.0%	100.0% #DA5ED7	RGB 218 94 215	#DA5ED7

#FFBFFC #F8ADF5 #F29CEF #EC8BE9 #E67BE2 #E06CDC #DA5ED7

#FFBFFC - #EC8BE9 - #DA5ED7

CSS codes

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

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