#FF2CE1 - #FB81F7 | 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 #FF2CE1 to #FB81F7

#FF2CE1 #FB81F7

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

#FF2CE1 - #FB81F7 | 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 #FF2CE1 as 0% and #FB81F7 as 100%.

0.0%	0.0% #FF2CE1	RGB 255 44 225	#FF2CE1
16.7%	16.7% #FE3AE4	RGB 254 58 228	#FE3AE4
33.3%	33.3% #FD48E8	RGB 253 72 232	#FD48E8
50.0%	50.0% #FD56EC	RGB 253 86 236	#FD56EC
66.7%	66.7% #FC64EF	RGB 252 100 239	#FC64EF
83.3%	83.3% #FB72F3	RGB 251 114 243	#FB72F3
100.0%	100.0% #FB81F7	RGB 251 129 247	#FB81F7

#FF2CE1 #FE3AE4 #FD48E8 #FD56EC #FC64EF #FB72F3 #FB81F7

#FF2CE1 - #FB81F7

HSV Blend

#FF2CE1 - #FB81F7 | 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 #FF2CE1 as 0% and #FB81F7 as 100%.

0.0%	0.0% #FF2BE1	RGB 255 43 225	#FF2BE1
16.7%	16.7% #FE3AE6	RGB 254 58 230	#FE3AE6
33.3%	33.3% #FD48EA	RGB 253 72 234	#FD48EA
50.0%	50.0% #FD56EE	RGB 253 86 238	#FD56EE
66.7%	66.7% #FC64F1	RGB 252 100 241	#FC64F1
83.3%	83.3% #FB73F4	RGB 251 115 244	#FB73F4
100.0%	100.0% #FB81F7	RGB 251 129 247	#FB81F7

#FF2BE1 #FE3AE6 #FD48EA #FD56EE #FC64F1 #FB73F4 #FB81F7

#FF2CE1 - #FD56EE - #FB81F7

CSS codes

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

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