#FF2CB1 - #FF7BFC | 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 #FF2CB1 to #FF7BFC

#FF2CB1 #FF7BFC

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

#FF2CB1 - #FF7BFC | 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 #FF2CB1 as 0% and #FF7BFC as 100%.

0.0%	0.0% #FF2CB1	RGB 255 44 177	#FF2CB1
16.7%	16.7% #FF39BD	RGB 255 57 189	#FF39BD
33.3%	33.3% #FF46CA	RGB 255 70 202	#FF46CA
50.0%	50.0% #FF53D6	RGB 255 83 214	#FF53D6
66.7%	66.7% #FF60E3	RGB 255 96 227	#FF60E3
83.3%	83.3% #FF6DEF	RGB 255 109 239	#FF6DEF
100.0%	100.0% #FF7BFC	RGB 255 123 252	#FF7BFC

#FF2CB1 #FF39BD #FF46CA #FF53D6 #FF60E3 #FF6DEF #FF7BFC

#FF2CB1 - #FF7BFC

HSV Blend

#FF2CB1 - #FF7BFC | 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 #FF2CB1 as 0% and #FF7BFC as 100%.

0.0%	0.0% #FF2BB0	RGB 255 43 176	#FF2BB0
16.7%	16.7% #FF39C1	RGB 255 57 193	#FF39C1
33.3%	33.3% #FF46D0	RGB 255 70 208	#FF46D0
50.0%	50.0% #FF53DD	RGB 255 83 221	#FF53DD
66.7%	66.7% #FF60E9	RGB 255 96 233	#FF60E9
83.3%	83.3% #FF6DF3	RGB 255 109 243	#FF6DF3
100.0%	100.0% #FF7BFC	RGB 255 123 252	#FF7BFC

#FF2BB0 #FF39C1 #FF46D0 #FF53DD #FF60E9 #FF6DF3 #FF7BFC

#FF2CB1 - #FF53DD - #FF7BFC

CSS codes

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

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