#FF65C7 - #C20080 | 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 #FF65C7 to #C20080

#FF65C7 #C20080

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

#FF65C7 - #C20080 | 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 #FF65C7 as 0% and #C20080 as 100%.

0.0%	0.0% #FF65C7	RGB 255 101 199	#FF65C7
16.7%	16.7% #F454BB	RGB 244 84 187	#F454BB
33.3%	33.3% #EA43AF	RGB 234 67 175	#EA43AF
50.0%	50.0% #E032A3	RGB 224 50 163	#E032A3
66.7%	66.7% #D62197	RGB 214 33 151	#D62197
83.3%	83.3% #CC108B	RGB 204 16 139	#CC108B
100.0%	100.0% #C20080	RGB 194 0 128	#C20080

#FF65C7 #F454BB #EA43AF #E032A3 #D62197 #CC108B #C20080

#FF65C7 - #C20080

HSV Blend

#FF65C7 - #C20080 | 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 #FF65C7 as 0% and #C20080 as 100%.

0.0%	0.0% #FF65C7	RGB 255 101 199	#FF65C7
16.7%	16.7% #F450B9	RGB 244 80 185	#F450B9
33.3%	33.3% #EA3DAD	RGB 234 61 173	#EA3DAD
50.0%	50.0% #E02CA1	RGB 224 44 161	#E02CA1
66.7%	66.7% #D61C95	RGB 214 28 149	#D61C95
83.3%	83.3% #CC0D8A	RGB 204 13 138	#CC0D8A
100.0%	100.0% #C20080	RGB 194 0 128	#C20080

#FF65C7 #F450B9 #EA3DAD #E02CA1 #D61C95 #CC0D8A #C20080

#FF65C7 - #E02CA1 - #C20080

CSS codes

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

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