#FF4D9F - #B30056 | 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 #FF4D9F to #B30056

#FF4D9F #B30056

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

#FF4D9F - #B30056 | 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 #FF4D9F as 0% and #B30056 as 100%.

0.0%	0.0% #FF4D9F	RGB 255 77 159	#FF4D9F
16.7%	16.7% #F24092	RGB 242 64 146	#F24092
33.3%	33.3% #E53386	RGB 229 51 134	#E53386
50.0%	50.0% #D9267A	RGB 217 38 122	#D9267A
66.7%	66.7% #CC196E	RGB 204 25 110	#CC196E
83.3%	83.3% #BF0C62	RGB 191 12 98	#BF0C62
100.0%	100.0% #B30056	RGB 179 0 86	#B30056

#FF4D9F #F24092 #E53386 #D9267A #CC196E #BF0C62 #B30056

#FF4D9F - #B30056

HSV Blend

#FF4D9F - #B30056 | 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 #FF4D9F as 0% and #B30056 as 100%.

0.0%	0.0% #FF4D9E	RGB 255 77 158	#FF4D9E
16.7%	16.7% #F23C91	RGB 242 60 145	#F23C91
33.3%	33.3% #E52E83	RGB 229 46 131	#E52E83
50.0%	50.0% #D92077	RGB 217 32 119	#D92077
66.7%	66.7% #CC146B	RGB 204 20 107	#CC146B
83.3%	83.3% #BF0960	RGB 191 9 96	#BF0960
100.0%	100.0% #B30056	RGB 179 0 86	#B30056

#FF4D9E #F23C91 #E52E83 #D92077 #CC146B #BF0960 #B30056

#FF4D9F - #D92077 - #B30056

CSS codes

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

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