#FF4BA1 - #EF7E92 | 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 #FF4BA1 to #EF7E92

#FF4BA1 #EF7E92

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

#FF4BA1 - #EF7E92 | 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 #FF4BA1 as 0% and #EF7E92 as 100%.

0.0%	0.0% #FF4BA1	RGB 255 75 161	#FF4BA1
16.7%	16.7% #FC539E	RGB 252 83 158	#FC539E
33.3%	33.3% #F95C9C	RGB 249 92 156	#F95C9C
50.0%	50.0% #F76499	RGB 247 100 153	#F76499
66.7%	66.7% #F46D97	RGB 244 109 151	#F46D97
83.3%	83.3% #F17594	RGB 241 117 148	#F17594
100.0%	100.0% #EF7E92	RGB 239 126 146	#EF7E92

#FF4BA1 #FC539E #F95C9C #F76499 #F46D97 #F17594 #EF7E92

#FF4BA1 - #EF7E92

HSV Blend

#FF4BA1 - #EF7E92 | 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 #FF4BA1 as 0% and #EF7E92 as 100%.

0.0%	0.0% #FF4BA1	RGB 255 75 161	#FF4BA1
16.7%	16.7% #FC549B	RGB 252 84 155	#FC549B
33.3%	33.3% #F95C98	RGB 249 92 152	#F95C98
50.0%	50.0% #F76595	RGB 247 101 149	#F76595
66.7%	66.7% #F46D93	RGB 244 109 147	#F46D93
83.3%	83.3% #F17692	RGB 241 118 146	#F17692
100.0%	100.0% #EF7E92	RGB 239 126 146	#EF7E92

#FF4BA1 #FC549B #F95C98 #F76595 #F46D93 #F17692 #EF7E92

#FF4BA1 - #F76595 - #EF7E92

CSS codes

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

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