#FF49A8 - #B2005F | 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 #FF49A8 to #B2005F

#FF49A8 #B2005F

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

#FF49A8 - #B2005F | 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 #FF49A8 as 0% and #B2005F as 100%.

0.0%	0.0% #FF49A8	RGB 255 73 168	#FF49A8
16.7%	16.7% #F23C9B	RGB 242 60 155	#F23C9B
33.3%	33.3% #E5308F	RGB 229 48 143	#E5308F
50.0%	50.0% #D82483	RGB 216 36 131	#D82483
66.7%	66.7% #CB1877	RGB 203 24 119	#CB1877
83.3%	83.3% #BE0C6B	RGB 190 12 107	#BE0C6B
100.0%	100.0% #B2005F	RGB 178 0 95	#B2005F

#FF49A8 #F23C9B #E5308F #D82483 #CB1877 #BE0C6B #B2005F

#FF49A8 - #B2005F

HSV Blend

#FF49A8 - #B2005F | 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 #FF49A8 as 0% and #B2005F as 100%.

0.0%	0.0% #FF49A7	RGB 255 73 167	#FF49A7
16.7%	16.7% #F2399A	RGB 242 57 154	#F2399A
33.3%	33.3% #E52B8D	RGB 229 43 141	#E52B8D
50.0%	50.0% #D81E80	RGB 216 30 128	#D81E80
66.7%	66.7% #CB1375	RGB 203 19 117	#CB1375
83.3%	83.3% #BE0969	RGB 190 9 105	#BE0969
100.0%	100.0% #B2005F	RGB 178 0 95	#B2005F

#FF49A7 #F2399A #E52B8D #D81E80 #CB1375 #BE0969 #B2005F

#FF49A8 - #D81E80 - #B2005F

CSS codes

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

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