#FF63FD - #481C48 | 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 #FF63FD to #481C48

#FF63FD #481C48

Calculate the color between two colors, #FF63FD and #481C48. 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)

#FF63FD - #481C48 | 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 #FF63FD as 0% and #481C48 as 100%.

0.0%	0.0% #FF63FD	RGB 255 99 253	#FF63FD
16.7%	16.7% #E057DE	RGB 224 87 222	#E057DE
33.3%	33.3% #C24BC0	RGB 194 75 192	#C24BC0
50.0%	50.0% #A33FA2	RGB 163 63 162	#A33FA2
66.7%	66.7% #843384	RGB 132 51 132	#843384
83.3%	83.3% #662766	RGB 102 39 102	#662766
100.0%	100.0% #481C48	RGB 72 28 72	#481C48

#FF63FD #E057DE #C24BC0 #A33FA2 #843384 #662766 #481C48

#FF63FD - #481C48

HSV Blend

#FF63FD - #481C48 | 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 #FF63FD as 0% and #481C48 as 100%.

0.0%	0.0% #FF63FD	RGB 255 99 253	#FF63FD
16.7%	16.7% #E057DF	RGB 224 87 223	#E057DF
33.3%	33.3% #C24BC0	RGB 194 75 192	#C24BC0
50.0%	50.0% #A33FA2	RGB 163 63 162	#A33FA2
66.7%	66.7% #843384	RGB 132 51 132	#843384
83.3%	83.3% #662766	RGB 102 39 102	#662766
100.0%	100.0% #481C48	RGB 72 28 72	#481C48

#FF63FD #E057DF #C24BC0 #A33FA2 #843384 #662766 #481C48

#FF63FD - #A33FA2 - #481C48

CSS codes

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

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