#EF29A2 - #FFBFEB | 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 #EF29A2 to #FFBFEB

#EF29A2 #FFBFEB

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

#EF29A2 - #FFBFEB | 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 #EF29A2 as 0% and #FFBFEB as 100%.

0.0%	0.0% #EF29A2	RGB 239 41 162	#EF29A2
16.7%	16.7% #F142AE	RGB 241 66 174	#F142AE
33.3%	33.3% #F45BBA	RGB 244 91 186	#F45BBA
50.0%	50.0% #F774C6	RGB 247 116 198	#F774C6
66.7%	66.7% #F98DD2	RGB 249 141 210	#F98DD2
83.3%	83.3% #FCA6DE	RGB 252 166 222	#FCA6DE
100.0%	100.0% #FFBFEB	RGB 255 191 235	#FFBFEB

#EF29A2 #F142AE #F45BBA #F774C6 #F98DD2 #FCA6DE #FFBFEB

#EF29A2 - #FFBFEB

HSV Blend

#EF29A2 - #FFBFEB | 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 #EF29A2 as 0% and #FFBFEB as 100%.

0.0%	0.0% #EF29A1	RGB 239 41 161	#EF29A1
16.7%	16.7% #F140AF	RGB 241 64 175	#F140AF
33.3%	33.3% #F458BB	RGB 244 88 187	#F458BB
50.0%	50.0% #F771C8	RGB 247 113 200	#F771C8
66.7%	66.7% #F98AD4	RGB 249 138 212	#F98AD4
83.3%	83.3% #FCA4DF	RGB 252 164 223	#FCA4DF
100.0%	100.0% #FFBFEB	RGB 255 191 235	#FFBFEB

#EF29A1 #F140AF #F458BB #F771C8 #F98AD4 #FCA4DF #FFBFEB

#EF29A2 - #F771C8 - #FFBFEB

CSS codes

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

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