#FF4FC7 - #FF6C7D | 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 #FF4FC7 to #FF6C7D

#FF4FC7 #FF6C7D

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

#FF4FC7 - #FF6C7D | 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 #FF4FC7 as 0% and #FF6C7D as 100%.

0.0%	0.0% #FF4FC7	RGB 255 79 199	#FF4FC7
16.7%	16.7% #FF53BA	RGB 255 83 186	#FF53BA
33.3%	33.3% #FF58AE	RGB 255 88 174	#FF58AE
50.0%	50.0% #FF5DA2	RGB 255 93 162	#FF5DA2
66.7%	66.7% #FF6295	RGB 255 98 149	#FF6295
83.3%	83.3% #FF6789	RGB 255 103 137	#FF6789
100.0%	100.0% #FF6C7D	RGB 255 108 125	#FF6C7D

#FF4FC7 #FF53BA #FF58AE #FF5DA2 #FF6295 #FF6789 #FF6C7D

#FF4FC7 - #FF6C7D

HSV Blend

#FF4FC7 - #FF6C7D | 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 #FF4FC7 as 0% and #FF6C7D as 100%.

0.0%	0.0% #FF4FC7	RGB 255 79 199	#FF4FC7
16.7%	16.7% #FF53B8	RGB 255 83 184	#FF53B8
33.3%	33.3% #FF58AA	RGB 255 88 170	#FF58AA
50.0%	50.0% #FF5D9D	RGB 255 93 157	#FF5D9D
66.7%	66.7% #FF6292	RGB 255 98 146	#FF6292
83.3%	83.3% #FF6787	RGB 255 103 135	#FF6787
100.0%	100.0% #FF6C7D	RGB 255 108 125	#FF6C7D

#FF4FC7 #FF53B8 #FF58AA #FF5D9D #FF6292 #FF6787 #FF6C7D

#FF4FC7 - #FF5D9D - #FF6C7D

CSS codes

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

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