#FF47B5 - #B2006E | 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 #FF47B5 to #B2006E

#FF47B5 #B2006E

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

#FF47B5 - #B2006E | 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 #FF47B5 as 0% and #B2006E as 100%.

0.0%	0.0% #FF47B5	RGB 255 71 181	#FF47B5
16.7%	16.7% #F23BA9	RGB 242 59 169	#F23BA9
33.3%	33.3% #E52F9D	RGB 229 47 157	#E52F9D
50.0%	50.0% #D82391	RGB 216 35 145	#D82391
66.7%	66.7% #CB1785	RGB 203 23 133	#CB1785
83.3%	83.3% #BE0B79	RGB 190 11 121	#BE0B79
100.0%	100.0% #B2006E	RGB 178 0 110	#B2006E

#FF47B5 #F23BA9 #E52F9D #D82391 #CB1785 #BE0B79 #B2006E

#FF47B5 - #B2006E

HSV Blend

#FF47B5 - #B2006E | 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 #FF47B5 as 0% and #B2006E 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% #E52A9B	RGB 229 42 155	#E52A9B
50.0%	50.0% #D81E8F	RGB 216 30 143	#D81E8F
66.7%	66.7% #CB1283	RGB 203 18 131	#CB1283
83.3%	83.3% #BE0878	RGB 190 8 120	#BE0878
100.0%	100.0% #B2006E	RGB 178 0 110	#B2006E

#FF47B5 #F238A7 #E52A9B #D81E8F #CB1283 #BE0878 #B2006E

#FF47B5 - #D81E8F - #B2006E

CSS codes

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

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