#FFBDF7 - #E048BD | 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 #FFBDF7 to #E048BD

#FFBDF7 #E048BD

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

#FFBDF7 - #E048BD | 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 #FFBDF7 as 0% and #E048BD as 100%.

0.0%	0.0% #FFBDF7	RGB 255 189 247	#FFBDF7
16.7%	16.7% #F9A9ED	RGB 249 169 237	#F9A9ED
33.3%	33.3% #F496E3	RGB 244 150 227	#F496E3
50.0%	50.0% #EF82DA	RGB 239 130 218	#EF82DA
66.7%	66.7% #EA6FD0	RGB 234 111 208	#EA6FD0
83.3%	83.3% #E55BC6	RGB 229 91 198	#E55BC6
100.0%	100.0% #E048BD	RGB 224 72 189	#E048BD

#FFBDF7 #F9A9ED #F496E3 #EF82DA #EA6FD0 #E55BC6 #E048BD

#FFBDF7 - #E048BD

HSV Blend

#FFBDF7 - #E048BD | 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 #FFBDF7 as 0% and #E048BD as 100%.

0.0%	0.0% #FFBDF7	RGB 255 189 247	#FFBDF7
16.7%	16.7% #F9A7EE	RGB 249 167 238	#F9A7EE
33.3%	33.3% #F493E5	RGB 244 147 229	#F493E5
50.0%	50.0% #EF7FDB	RGB 239 127 219	#EF7FDB
66.7%	66.7% #EA6CD1	RGB 234 108 209	#EA6CD1
83.3%	83.3% #E559C7	RGB 229 89 199	#E559C7
100.0%	100.0% #E048BD	RGB 224 72 189	#E048BD

#FFBDF7 #F9A7EE #F493E5 #EF7FDB #EA6CD1 #E559C7 #E048BD

#FFBDF7 - #EF7FDB - #E048BD

CSS codes

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

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