#FF4BCC - #FC91FF | 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 #FF4BCC to #FC91FF

#FF4BCC #FC91FF

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

#FF4BCC - #FC91FF | 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 #FF4BCC as 0% and #FC91FF as 100%.

0.0%	0.0% #FF4BCC	RGB 255 75 204	#FF4BCC
16.7%	16.7% #FE56D4	RGB 254 86 212	#FE56D4
33.3%	33.3% #FE62DD	RGB 254 98 221	#FE62DD
50.0%	50.0% #FD6EE5	RGB 253 110 229	#FD6EE5
66.7%	66.7% #FD79EE	RGB 253 121 238	#FD79EE
83.3%	83.3% #FC85F6	RGB 252 133 246	#FC85F6
100.0%	100.0% #FC91FF	RGB 252 145 255	#FC91FF

#FF4BCC #FE56D4 #FE62DD #FD6EE5 #FD79EE #FC85F6 #FC91FF

#FF4BCC - #FC91FF

HSV Blend

#FF4BCC - #FC91FF | 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 #FF4BCC as 0% and #FC91FF as 100%.

0.0%	0.0% #FF4BCC	RGB 255 75 204	#FF4BCC
16.7%	16.7% #FF56D8	RGB 255 86 216	#FF56D8
33.3%	33.3% #FF62E2	RGB 255 98 226	#FF62E2
50.0%	50.0% #FF6EEC	RGB 255 110 236	#FF6EEC
66.7%	66.7% #FF79F4	RGB 255 121 244	#FF79F4
83.3%	83.3% #FF85FC	RGB 255 133 252	#FF85FC
100.0%	100.0% #FC91FF	RGB 252 145 255	#FC91FF

#FF4BCC #FF56D8 #FF62E2 #FF6EEC #FF79F4 #FF85FC #FC91FF

#FF4BCC - #FF6EEC - #FC91FF

CSS codes

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

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