#FF48B5 - #B2006D | 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 #FF48B5 to #B2006D

#FF48B5 #B2006D

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

#FF48B5 - #B2006D | 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 #FF48B5 as 0% and #B2006D as 100%.

0.0%	0.0% #FF48B5	RGB 255 72 181	#FF48B5
16.7%	16.7% #F23CA9	RGB 242 60 169	#F23CA9
33.3%	33.3% #E5309D	RGB 229 48 157	#E5309D
50.0%	50.0% #D82491	RGB 216 36 145	#D82491
66.7%	66.7% #CB1885	RGB 203 24 133	#CB1885
83.3%	83.3% #BE0C79	RGB 190 12 121	#BE0C79
100.0%	100.0% #B2006D	RGB 178 0 109	#B2006D

#FF48B5 #F23CA9 #E5309D #D82491 #CB1885 #BE0C79 #B2006D

#FF48B5 - #B2006D

HSV Blend

#FF48B5 - #B2006D | 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 #FF48B5 as 0% and #B2006D as 100%.

0.0%	0.0% #FF47B5	RGB 255 71 181	#FF47B5
16.7%	16.7% #F238A7	RGB 242 56 167	#F238A7
33.3%	33.3% #E52B9B	RGB 229 43 155	#E52B9B
50.0%	50.0% #D81E8E	RGB 216 30 142	#D81E8E
66.7%	66.7% #CB1383	RGB 203 19 131	#CB1383
83.3%	83.3% #BE0877	RGB 190 8 119	#BE0877
100.0%	100.0% #B2006D	RGB 178 0 109	#B2006D

#FF47B5 #F238A7 #E52B9B #D81E8E #CB1383 #BE0877 #B2006D

#FF48B5 - #D81E8E - #B2006D

CSS codes

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

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