#FF2FF2 - #480D45 | 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 #FF2FF2 to #480D45

#FF2FF2 #480D45

Calculate the color between two colors, #FF2FF2 and #480D45. 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)

#FF2FF2 - #480D45 | 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 #FF2FF2 as 0% and #480D45 as 100%.

0.0%	0.0% #FF2FF2	RGB 255 47 242	#FF2FF2
16.7%	16.7% #E029D5	RGB 224 41 213	#E029D5
33.3%	33.3% #C223B8	RGB 194 35 184	#C223B8
50.0%	50.0% #A31E9B	RGB 163 30 155	#A31E9B
66.7%	66.7% #84187E	RGB 132 24 126	#84187E
83.3%	83.3% #661261	RGB 102 18 97	#661261
100.0%	100.0% #480D45	RGB 72 13 69	#480D45

#FF2FF2 #E029D5 #C223B8 #A31E9B #84187E #661261 #480D45

#FF2FF2 - #480D45

HSV Blend

#FF2FF2 - #480D45 | 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 #FF2FF2 as 0% and #480D45 as 100%.

0.0%	0.0% #FF2EF2	RGB 255 46 242	#FF2EF2
16.7%	16.7% #E029D5	RGB 224 41 213	#E029D5
33.3%	33.3% #C223B8	RGB 194 35 184	#C223B8
50.0%	50.0% #A31D9B	RGB 163 29 155	#A31D9B
66.7%	66.7% #84187F	RGB 132 24 127	#84187F
83.3%	83.3% #661262	RGB 102 18 98	#661262
100.0%	100.0% #480D45	RGB 72 13 69	#480D45

#FF2EF2 #E029D5 #C223B8 #A31D9B #84187F #661262 #480D45

#FF2FF2 - #A31D9B - #480D45

CSS codes

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

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