#FF4D80 - #FF8AC6 | 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 #FF4D80 to #FF8AC6

#FF4D80 #FF8AC6

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

#FF4D80 - #FF8AC6 | 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 #FF4D80 as 0% and #FF8AC6 as 100%.

0.0%	0.0% #FF4D80	RGB 255 77 128	#FF4D80
16.7%	16.7% #FF578B	RGB 255 87 139	#FF578B
33.3%	33.3% #FF6197	RGB 255 97 151	#FF6197
50.0%	50.0% #FF6BA3	RGB 255 107 163	#FF6BA3
66.7%	66.7% #FF75AE	RGB 255 117 174	#FF75AE
83.3%	83.3% #FF7FBA	RGB 255 127 186	#FF7FBA
100.0%	100.0% #FF8AC6	RGB 255 138 198	#FF8AC6

#FF4D80 #FF578B #FF6197 #FF6BA3 #FF75AE #FF7FBA #FF8AC6

#FF4D80 - #FF8AC6

HSV Blend

#FF4D80 - #FF8AC6 | 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 #FF4D80 as 0% and #FF8AC6 as 100%.

0.0%	0.0% #FF4D7F	RGB 255 77 127	#FF4D7F
16.7%	16.7% #FF578D	RGB 255 87 141	#FF578D
33.3%	33.3% #FF619A	RGB 255 97 154	#FF619A
50.0%	50.0% #FF6BA6	RGB 255 107 166	#FF6BA6
66.7%	66.7% #FF75B1	RGB 255 117 177	#FF75B1
83.3%	83.3% #FF7FBC	RGB 255 127 188	#FF7FBC
100.0%	100.0% #FF8AC6	RGB 255 138 198	#FF8AC6

#FF4D7F #FF578D #FF619A #FF6BA6 #FF75B1 #FF7FBC #FF8AC6

#FF4D80 - #FF6BA6 - #FF8AC6

CSS codes

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

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