#DB00C8 - #FF63E6 | 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 #DB00C8 to #FF63E6

#DB00C8 #FF63E6

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

#DB00C8 - #FF63E6 | 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 #DB00C8 as 0% and #FF63E6 as 100%.

0.0%	0.0% #DB00C8	RGB 219 0 200	#DB00C8
16.7%	16.7% #E110CD	RGB 225 16 205	#E110CD
33.3%	33.3% #E721D2	RGB 231 33 210	#E721D2
50.0%	50.0% #ED31D7	RGB 237 49 215	#ED31D7
66.7%	66.7% #F342DC	RGB 243 66 220	#F342DC
83.3%	83.3% #F952E1	RGB 249 82 225	#F952E1
100.0%	100.0% #FF63E6	RGB 255 99 230	#FF63E6

#DB00C8 #E110CD #E721D2 #ED31D7 #F342DC #F952E1 #FF63E6

#DB00C8 - #FF63E6

HSV Blend

#DB00C8 - #FF63E6 | 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 #DB00C8 as 0% and #FF63E6 as 100%.

0.0%	0.0% #DB00C8	RGB 219 0 200	#DB00C8
16.7%	16.7% #E10ECC	RGB 225 14 204	#E10ECC
33.3%	33.3% #E71DD0	RGB 231 29 208	#E71DD0
50.0%	50.0% #ED2ED5	RGB 237 46 213	#ED2ED5
66.7%	66.7% #F33EDA	RGB 243 62 218	#F33EDA
83.3%	83.3% #F950E0	RGB 249 80 224	#F950E0
100.0%	100.0% #FF63E6	RGB 255 99 230	#FF63E6

#DB00C8 #E10ECC #E71DD0 #ED2ED5 #F33EDA #F950E0 #FF63E6

#DB00C8 - #ED2ED5 - #FF63E6

CSS codes

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

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