#FF2FFD - #A500D4 | 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 #FF2FFD to #A500D4

#FF2FFD #A500D4

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

#FF2FFD - #A500D4 | 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 #FF2FFD as 0% and #A500D4 as 100%.

0.0%	0.0% #FF2FFD	RGB 255 47 253	#FF2FFD
16.7%	16.7% #F027F6	RGB 240 39 246	#F027F6
33.3%	33.3% #E11FEF	RGB 225 31 239	#E11FEF
50.0%	50.0% #D217E8	RGB 210 23 232	#D217E8
66.7%	66.7% #C30FE1	RGB 195 15 225	#C30FE1
83.3%	83.3% #B407DA	RGB 180 7 218	#B407DA
100.0%	100.0% #A500D4	RGB 165 0 212	#A500D4

#FF2FFD #F027F6 #E11FEF #D217E8 #C30FE1 #B407DA #A500D4

#FF2FFD - #A500D4

HSV Blend

#FF2FFD - #A500D4 | 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 #FF2FFD as 0% and #A500D4 as 100%.

0.0%	0.0% #FF2EFC	RGB 255 46 252	#FF2EFC
16.7%	16.7% #F126F7	RGB 241 38 247	#F126F7
33.3%	33.3% #E21DF0	RGB 226 29 240	#E21DF0
50.0%	50.0% #D315E9	RGB 211 21 233	#D315E9
66.7%	66.7% #C30DE2	RGB 195 13 226	#C30DE2
83.3%	83.3% #B406DB	RGB 180 6 219	#B406DB
100.0%	100.0% #A500D4	RGB 165 0 212	#A500D4

#FF2EFC #F126F7 #E21DF0 #D315E9 #C30DE2 #B406DB #A500D4

#FF2FFD - #D315E9 - #A500D4

CSS codes

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

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