#FF2CD3 - #AF00C2 | 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 #FF2CD3 to #AF00C2

#FF2CD3 #AF00C2

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

#FF2CD3 - #AF00C2 | 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 #FF2CD3 as 0% and #AF00C2 as 100%.

0.0%	0.0% #FF2CD3	RGB 255 44 211	#FF2CD3
16.7%	16.7% #F124D0	RGB 241 36 208	#F124D0
33.3%	33.3% #E41DCD	RGB 228 29 205	#E41DCD
50.0%	50.0% #D716CA	RGB 215 22 202	#D716CA
66.7%	66.7% #C90EC7	RGB 201 14 199	#C90EC7
83.3%	83.3% #BC07C4	RGB 188 7 196	#BC07C4
100.0%	100.0% #AF00C2	RGB 175 0 194	#AF00C2

#FF2CD3 #F124D0 #E41DCD #D716CA #C90EC7 #BC07C4 #AF00C2

#FF2CD3 - #AF00C2

HSV Blend

#FF2CD3 - #AF00C2 | 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 #FF2CD3 as 0% and #AF00C2 as 100%.

0.0%	0.0% #FF2BD3	RGB 255 43 211	#FF2BD3
16.7%	16.7% #F423D3	RGB 244 35 211	#F423D3
33.3%	33.3% #EA1AD4	RGB 234 26 212	#EA1AD4
50.0%	50.0% #E013D5	RGB 224 19 213	#E013D5
66.7%	66.7% #D60CD5	RGB 214 12 213	#D60CD5
83.3%	83.3% #C205CC	RGB 194 5 204	#C205CC
100.0%	100.0% #AF00C2	RGB 175 0 194	#AF00C2

#FF2BD3 #F423D3 #EA1AD4 #E013D5 #D60CD5 #C205CC #AF00C2

#FF2CD3 - #E013D5 - #AF00C2

CSS codes

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

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