#FF4D97 - #B2004E | 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 #FF4D97 to #B2004E

#FF4D97 #B2004E

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

#FF4D97 - #B2004E | 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 #FF4D97 as 0% and #B2004E as 100%.

0.0%	0.0% #FF4D97	RGB 255 77 151	#FF4D97
16.7%	16.7% #F2408A	RGB 242 64 138	#F2408A
33.3%	33.3% #E5337E	RGB 229 51 126	#E5337E
50.0%	50.0% #D82672	RGB 216 38 114	#D82672
66.7%	66.7% #CB1966	RGB 203 25 102	#CB1966
83.3%	83.3% #BE0C5A	RGB 190 12 90	#BE0C5A
100.0%	100.0% #B2004E	RGB 178 0 78	#B2004E

#FF4D97 #F2408A #E5337E #D82672 #CB1966 #BE0C5A #B2004E

#FF4D97 - #B2004E

HSV Blend

#FF4D97 - #B2004E | 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 #FF4D97 as 0% and #B2004E as 100%.

0.0%	0.0% #FF4D96	RGB 255 77 150	#FF4D96
16.7%	16.7% #F23C88	RGB 242 60 136	#F23C88
33.3%	33.3% #E52E7B	RGB 229 46 123	#E52E7B
50.0%	50.0% #D8206F	RGB 216 32 111	#D8206F
66.7%	66.7% #CB1463	RGB 203 20 99	#CB1463
83.3%	83.3% #BE0958	RGB 190 9 88	#BE0958
100.0%	100.0% #B2004E	RGB 178 0 78	#B2004E

#FF4D96 #F23C88 #E52E7B #D8206F #CB1463 #BE0958 #B2004E

#FF4D97 - #D8206F - #B2004E

CSS codes

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

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