#FF2CBC - #FF3B5E | 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 #FF2CBC to #FF3B5E

#FF2CBC #FF3B5E

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

#FF2CBC - #FF3B5E | 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 #FF2CBC as 0% and #FF3B5E as 100%.

0.0%	0.0% #FF2CBC	RGB 255 44 188	#FF2CBC
16.7%	16.7% #FF2EAC	RGB 255 46 172	#FF2EAC
33.3%	33.3% #FF319C	RGB 255 49 156	#FF319C
50.0%	50.0% #FF338D	RGB 255 51 141	#FF338D
66.7%	66.7% #FF367D	RGB 255 54 125	#FF367D
83.3%	83.3% #FF386D	RGB 255 56 109	#FF386D
100.0%	100.0% #FF3B5E	RGB 255 59 94	#FF3B5E

#FF2CBC #FF2EAC #FF319C #FF338D #FF367D #FF386D #FF3B5E

#FF2CBC - #FF3B5E

HSV Blend

#FF2CBC - #FF3B5E | 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 #FF2CBC as 0% and #FF3B5E as 100%.

0.0%	0.0% #FF2BBC	RGB 255 43 188	#FF2BBC
16.7%	16.7% #FF2EAB	RGB 255 46 171	#FF2EAB
33.3%	33.3% #FF309A	RGB 255 48 154	#FF309A
50.0%	50.0% #FF338B	RGB 255 51 139	#FF338B
66.7%	66.7% #FF367B	RGB 255 54 123	#FF367B
83.3%	83.3% #FF386C	RGB 255 56 108	#FF386C
100.0%	100.0% #FF3B5E	RGB 255 59 94	#FF3B5E

#FF2BBC #FF2EAB #FF309A #FF338B #FF367B #FF386C #FF3B5E

#FF2CBC - #FF338B - #FF3B5E

CSS codes

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

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