#FF4D8C - #B00044 | 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 #FF4D8C to #B00044

#FF4D8C #B00044

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

#FF4D8C - #B00044 | 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 #FF4D8C as 0% and #B00044 as 100%.

0.0%	0.0% #FF4D8C	RGB 255 77 140	#FF4D8C
16.7%	16.7% #F14080	RGB 241 64 128	#F14080
33.3%	33.3% #E43374	RGB 228 51 116	#E43374
50.0%	50.0% #D72668	RGB 215 38 104	#D72668
66.7%	66.7% #CA195C	RGB 202 25 92	#CA195C
83.3%	83.3% #BD0C50	RGB 189 12 80	#BD0C50
100.0%	100.0% #B00044	RGB 176 0 68	#B00044

#FF4D8C #F14080 #E43374 #D72668 #CA195C #BD0C50 #B00044

#FF4D8C - #B00044

HSV Blend

#FF4D8C - #B00044 | 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 #FF4D8C as 0% and #B00044 as 100%.

0.0%	0.0% #FF4D8B	RGB 255 77 139	#FF4D8B
16.7%	16.7% #F13C7D	RGB 241 60 125	#F13C7D
33.3%	33.3% #E42E70	RGB 228 46 112	#E42E70
50.0%	50.0% #D72064	RGB 215 32 100	#D72064
66.7%	66.7% #CA1458	RGB 202 20 88	#CA1458
83.3%	83.3% #BD094D	RGB 189 9 77	#BD094D
100.0%	100.0% #B00044	RGB 176 0 68	#B00044

#FF4D8B #F13C7D #E42E70 #D72064 #CA1458 #BD094D #B00044

#FF4D8C - #D72064 - #B00044

CSS codes

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

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