#FF4CC1 - #B5007B | 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 #FF4CC1 to #B5007B

#FF4CC1 #B5007B

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

#FF4CC1 - #B5007B | 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 #FF4CC1 as 0% and #B5007B as 100%.

0.0%	0.0% #FF4CC1	RGB 255 76 193	#FF4CC1
16.7%	16.7% #F23FB5	RGB 242 63 181	#F23FB5
33.3%	33.3% #E632A9	RGB 230 50 169	#E632A9
50.0%	50.0% #DA269E	RGB 218 38 158	#DA269E
66.7%	66.7% #CD1992	RGB 205 25 146	#CD1992
83.3%	83.3% #C10C86	RGB 193 12 134	#C10C86
100.0%	100.0% #B5007B	RGB 181 0 123	#B5007B

#FF4CC1 #F23FB5 #E632A9 #DA269E #CD1992 #C10C86 #B5007B

#FF4CC1 - #B5007B

HSV Blend

#FF4CC1 - #B5007B | 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 #FF4CC1 as 0% and #B5007B as 100%.

0.0%	0.0% #FF4BC1	RGB 255 75 193	#FF4BC1
16.7%	16.7% #F23CB4	RGB 242 60 180	#F23CB4
33.3%	33.3% #E62DA7	RGB 230 45 167	#E62DA7
50.0%	50.0% #DA209C	RGB 218 32 156	#DA209C
66.7%	66.7% #CD1490	RGB 205 20 144	#CD1490
83.3%	83.3% #C10985	RGB 193 9 133	#C10985
100.0%	100.0% #B5007B	RGB 181 0 123	#B5007B

#FF4BC1 #F23CB4 #E62DA7 #DA209C #CD1490 #C10985 #B5007B

#FF4CC1 - #DA209C - #B5007B

CSS codes

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

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