#C02BC7 - #FF97DA | 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 #C02BC7 to #FF97DA

#C02BC7 #FF97DA

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

#C02BC7 - #FF97DA | 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 #C02BC7 as 0% and #FF97DA as 100%.

0.0%	0.0% #C02BC7	RGB 192 43 199	#C02BC7
16.7%	16.7% #CA3DCA	RGB 202 61 202	#CA3DCA
33.3%	33.3% #D54FCD	RGB 213 79 205	#D54FCD
50.0%	50.0% #DF61D0	RGB 223 97 208	#DF61D0
66.7%	66.7% #EA73D3	RGB 234 115 211	#EA73D3
83.3%	83.3% #F485D6	RGB 244 133 214	#F485D6
100.0%	100.0% #FF97DA	RGB 255 151 218	#FF97DA

#C02BC7 #CA3DCA #D54FCD #DF61D0 #EA73D3 #F485D6 #FF97DA

#C02BC7 - #FF97DA

HSV Blend

#C02BC7 - #FF97DA | 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 #C02BC7 as 0% and #FF97DA as 100%.

0.0%	0.0% #C02AC7	RGB 192 42 199	#C02AC7
16.7%	16.7% #D03ACD	RGB 208 58 205	#D03ACD
33.3%	33.3% #D94ACC	RGB 217 74 204	#D94ACC
50.0%	50.0% #E35BCD	RGB 227 91 205	#E35BCD
66.7%	66.7% #EC6ED0	RGB 236 110 208	#EC6ED0
83.3%	83.3% #F582D4	RGB 245 130 212	#F582D4
100.0%	100.0% #FF97DA	RGB 255 151 218	#FF97DA

#C02AC7 #D03ACD #D94ACC #E35BCD #EC6ED0 #F582D4 #FF97DA

#C02BC7 - #E35BCD - #FF97DA

CSS codes

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

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