#FF63FD - #C200CE | 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 #C200CE

#FF63FD #C200CE

Calculate the color between two colors, #FF63FD and #C200CE. 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 - #C200CE | 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 #C200CE as 100%.

0.0%	0.0% #FF63FD	RGB 255 99 253	#FF63FD
16.7%	16.7% #F452F5	RGB 244 82 245	#F452F5
33.3%	33.3% #EA42ED	RGB 234 66 237	#EA42ED
50.0%	50.0% #E031E5	RGB 224 49 229	#E031E5
66.7%	66.7% #D621DD	RGB 214 33 221	#D621DD
83.3%	83.3% #CC10D5	RGB 204 16 213	#CC10D5
100.0%	100.0% #C200CE	RGB 194 0 206	#C200CE

#FF63FD #F452F5 #EA42ED #E031E5 #D621DD #CC10D5 #C200CE

#FF63FD - #C200CE

HSV Blend

#FF63FD - #C200CE | 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 #C200CE as 100%.

0.0%	0.0% #FF63FD	RGB 255 99 253	#FF63FD
16.7%	16.7% #F64FF6	RGB 246 79 246	#F64FF6
33.3%	33.3% #EC3DEE	RGB 236 61 238	#EC3DEE
50.0%	50.0% #E22CE6	RGB 226 44 230	#E22CE6
66.7%	66.7% #D71CDE	RGB 215 28 222	#D71CDE
83.3%	83.3% #CC0DD6	RGB 204 13 214	#CC0DD6
100.0%	100.0% #C200CE	RGB 194 0 206	#C200CE

#FF63FD #F64FF6 #EC3DEE #E22CE6 #D71CDE #CC0DD6 #C200CE

#FF63FD - #E22CE6 - #C200CE

CSS codes

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

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