#FF4DC3 - #B6007E | 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 #FF4DC3 to #B6007E

#FF4DC3 #B6007E

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

#FF4DC3 - #B6007E | 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 #FF4DC3 as 0% and #B6007E as 100%.

0.0%	0.0% #FF4DC3	RGB 255 77 195	#FF4DC3
16.7%	16.7% #F240B7	RGB 242 64 183	#F240B7
33.3%	33.3% #E633AC	RGB 230 51 172	#E633AC
50.0%	50.0% #DA26A0	RGB 218 38 160	#DA26A0
66.7%	66.7% #CE1995	RGB 206 25 149	#CE1995
83.3%	83.3% #C20C89	RGB 194 12 137	#C20C89
100.0%	100.0% #B6007E	RGB 182 0 126	#B6007E

#FF4DC3 #F240B7 #E633AC #DA26A0 #CE1995 #C20C89 #B6007E

#FF4DC3 - #B6007E

HSV Blend

#FF4DC3 - #B6007E | 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 #FF4DC3 as 0% and #B6007E as 100%.

0.0%	0.0% #FF4DC3	RGB 255 77 195	#FF4DC3
16.7%	16.7% #F23DB6	RGB 242 61 182	#F23DB6
33.3%	33.3% #E62EAA	RGB 230 46 170	#E62EAA
50.0%	50.0% #DA209E	RGB 218 32 158	#DA209E
66.7%	66.7% #CE1493	RGB 206 20 147	#CE1493
83.3%	83.3% #C20988	RGB 194 9 136	#C20988
100.0%	100.0% #B6007E	RGB 182 0 126	#B6007E

#FF4DC3 #F23DB6 #E62EAA #DA209E #CE1493 #C20988 #B6007E

#FF4DC3 - #DA209E - #B6007E

CSS codes

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

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