#FFBFED - #EC67CF | 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 #FFBFED to #EC67CF

#FFBFED #EC67CF

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

#FFBFED - #EC67CF | 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 #FFBFED as 0% and #EC67CF as 100%.

0.0%	0.0% #FFBFED	RGB 255 191 237	#FFBFED
16.7%	16.7% #FBB0E8	RGB 251 176 232	#FBB0E8
33.3%	33.3% #F8A1E3	RGB 248 161 227	#F8A1E3
50.0%	50.0% #F593DE	RGB 245 147 222	#F593DE
66.7%	66.7% #F284D9	RGB 242 132 217	#F284D9
83.3%	83.3% #EF75D4	RGB 239 117 212	#EF75D4
100.0%	100.0% #EC67CF	RGB 236 103 207	#EC67CF

#FFBFED #FBB0E8 #F8A1E3 #F593DE #F284D9 #EF75D4 #EC67CF

#FFBFED - #EC67CF

HSV Blend

#FFBFED - #EC67CF | 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 #FFBFED as 0% and #EC67CF as 100%.

0.0%	0.0% #FFBFED	RGB 255 191 237	#FFBFED
16.7%	16.7% #FBAFE7	RGB 251 175 231	#FBAFE7
33.3%	33.3% #F8A0E1	RGB 248 160 225	#F8A0E1
50.0%	50.0% #F591DC	RGB 245 145 220	#F591DC
66.7%	66.7% #F283D7	RGB 242 131 215	#F283D7
83.3%	83.3% #EF74D3	RGB 239 116 211	#EF74D3
100.0%	100.0% #EC67CF	RGB 236 103 207	#EC67CF

#FFBFED #FBAFE7 #F8A0E1 #F591DC #F283D7 #EF74D3 #EC67CF

#FFBFED - #F591DC - #EC67CF

CSS codes

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

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