#FF4DEC - #FF649A | 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 #FF4DEC to #FF649A

#FF4DEC #FF649A

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

#FF4DEC - #FF649A | 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 #FF4DEC as 0% and #FF649A as 100%.

0.0%	0.0% #FF4DEC	RGB 255 77 236	#FF4DEC
16.7%	16.7% #FF50DE	RGB 255 80 222	#FF50DE
33.3%	33.3% #FF54D0	RGB 255 84 208	#FF54D0
50.0%	50.0% #FF58C3	RGB 255 88 195	#FF58C3
66.7%	66.7% #FF5CB5	RGB 255 92 181	#FF5CB5
83.3%	83.3% #FF60A7	RGB 255 96 167	#FF60A7
100.0%	100.0% #FF649A	RGB 255 100 154	#FF649A

#FF4DEC #FF50DE #FF54D0 #FF58C3 #FF5CB5 #FF60A7 #FF649A

#FF4DEC - #FF649A

HSV Blend

#FF4DEC - #FF649A | 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 #FF4DEC as 0% and #FF649A as 100%.

0.0%	0.0% #FF4DEC	RGB 255 77 236	#FF4DEC
16.7%	16.7% #FF50DC	RGB 255 80 220	#FF50DC
33.3%	33.3% #FF54CD	RGB 255 84 205	#FF54CD
50.0%	50.0% #FF58BF	RGB 255 88 191	#FF58BF
66.7%	66.7% #FF5CB2	RGB 255 92 178	#FF5CB2
83.3%	83.3% #FF60A5	RGB 255 96 165	#FF60A5
100.0%	100.0% #FF649A	RGB 255 100 154	#FF649A

#FF4DEC #FF50DC #FF54CD #FF58BF #FF5CB2 #FF60A5 #FF649A

#FF4DEC - #FF58BF - #FF649A

CSS codes

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

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