#FF4DC2 - #FF6475 | 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 #FF4DC2 to #FF6475

#FF4DC2 #FF6475

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

#FF4DC2 - #FF6475 | 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 #FF4DC2 as 0% and #FF6475 as 100%.

0.0%	0.0% #FF4DC2	RGB 255 77 194	#FF4DC2
16.7%	16.7% #FF50B5	RGB 255 80 181	#FF50B5
33.3%	33.3% #FF54A8	RGB 255 84 168	#FF54A8
50.0%	50.0% #FF589B	RGB 255 88 155	#FF589B
66.7%	66.7% #FF5C8E	RGB 255 92 142	#FF5C8E
83.3%	83.3% #FF6081	RGB 255 96 129	#FF6081
100.0%	100.0% #FF6475	RGB 255 100 117	#FF6475

#FF4DC2 #FF50B5 #FF54A8 #FF589B #FF5C8E #FF6081 #FF6475

#FF4DC2 - #FF6475

HSV Blend

#FF4DC2 - #FF6475 | 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 #FF4DC2 as 0% and #FF6475 as 100%.

0.0%	0.0% #FF4DC2	RGB 255 77 194	#FF4DC2
16.7%	16.7% #FF50B3	RGB 255 80 179	#FF50B3
33.3%	33.3% #FF54A5	RGB 255 84 165	#FF54A5
50.0%	50.0% #FF5898	RGB 255 88 152	#FF5898
66.7%	66.7% #FF5C8B	RGB 255 92 139	#FF5C8B
83.3%	83.3% #FF6080	RGB 255 96 128	#FF6080
100.0%	100.0% #FF6475	RGB 255 100 117	#FF6475

#FF4DC2 #FF50B3 #FF54A5 #FF5898 #FF5C8B #FF6080 #FF6475

#FF4DC2 - #FF5898 - #FF6475

CSS codes

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

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