#FF4DB7 - #AF0070 | 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 #FF4DB7 to #AF0070

#FF4DB7 #AF0070

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

#FF4DB7 - #AF0070 | 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 #FF4DB7 as 0% and #AF0070 as 100%.

0.0%	0.0% #FF4DB7	RGB 255 77 183	#FF4DB7
16.7%	16.7% #F140AB	RGB 241 64 171	#F140AB
33.3%	33.3% #E4339F	RGB 228 51 159	#E4339F
50.0%	50.0% #D72693	RGB 215 38 147	#D72693
66.7%	66.7% #C91987	RGB 201 25 135	#C91987
83.3%	83.3% #BC0C7B	RGB 188 12 123	#BC0C7B
100.0%	100.0% #AF0070	RGB 175 0 112	#AF0070

#FF4DB7 #F140AB #E4339F #D72693 #C91987 #BC0C7B #AF0070

#FF4DB7 - #AF0070

HSV Blend

#FF4DB7 - #AF0070 | 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 #FF4DB7 as 0% and #AF0070 as 100%.

0.0%	0.0% #FF4DB6	RGB 255 77 182	#FF4DB6
16.7%	16.7% #F13CA9	RGB 241 60 169	#F13CA9
33.3%	33.3% #E42D9D	RGB 228 45 157	#E42D9D
50.0%	50.0% #D72091	RGB 215 32 145	#D72091
66.7%	66.7% #C91485	RGB 201 20 133	#C91485
83.3%	83.3% #BC097A	RGB 188 9 122	#BC097A
100.0%	100.0% #AF0070	RGB 175 0 112	#AF0070

#FF4DB6 #F13CA9 #E42D9D #D72091 #C91485 #BC097A #AF0070

#FF4DB7 - #D72091 - #AF0070

CSS codes

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

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