#C02DC9 - #FF99DC | 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 #C02DC9 to #FF99DC

#C02DC9 #FF99DC

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

#C02DC9 - #FF99DC | 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 #C02DC9 as 0% and #FF99DC as 100%.

0.0%	0.0% #C02DC9	RGB 192 45 201	#C02DC9
16.7%	16.7% #CA3FCC	RGB 202 63 204	#CA3FCC
33.3%	33.3% #D551CF	RGB 213 81 207	#D551CF
50.0%	50.0% #DF63D2	RGB 223 99 210	#DF63D2
66.7%	66.7% #EA75D5	RGB 234 117 213	#EA75D5
83.3%	83.3% #F487D8	RGB 244 135 216	#F487D8
100.0%	100.0% #FF99DC	RGB 255 153 220	#FF99DC

#C02DC9 #CA3FCC #D551CF #DF63D2 #EA75D5 #F487D8 #FF99DC

#C02DC9 - #FF99DC

HSV Blend

#C02DC9 - #FF99DC | 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 #C02DC9 as 0% and #FF99DC as 100%.

0.0%	0.0% #C02DC9	RGB 192 45 201	#C02DC9
16.7%	16.7% #D23CD0	RGB 210 60 208	#D23CD0
33.3%	33.3% #DB4CD0	RGB 219 76 208	#DB4CD0
50.0%	50.0% #E45DD0	RGB 228 93 208	#E45DD0
66.7%	66.7% #ED70D2	RGB 237 112 210	#ED70D2
83.3%	83.3% #F684D6	RGB 246 132 214	#F684D6
100.0%	100.0% #FF99DC	RGB 255 153 220	#FF99DC

#C02DC9 #D23CD0 #DB4CD0 #E45DD0 #ED70D2 #F684D6 #FF99DC

#C02DC9 - #E45DD0 - #FF99DC

CSS codes

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

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