#FF65C5 - #C1007E | 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 #FF65C5 to #C1007E

#FF65C5 #C1007E

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

#FF65C5 - #C1007E | 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 #FF65C5 as 0% and #C1007E as 100%.

0.0%	0.0% #FF65C5	RGB 255 101 197	#FF65C5
16.7%	16.7% #F454B9	RGB 244 84 185	#F454B9
33.3%	33.3% #EA43AD	RGB 234 67 173	#EA43AD
50.0%	50.0% #E032A1	RGB 224 50 161	#E032A1
66.7%	66.7% #D52195	RGB 213 33 149	#D52195
83.3%	83.3% #CB1089	RGB 203 16 137	#CB1089
100.0%	100.0% #C1007E	RGB 193 0 126	#C1007E

#FF65C5 #F454B9 #EA43AD #E032A1 #D52195 #CB1089 #C1007E

#FF65C5 - #C1007E

HSV Blend

#FF65C5 - #C1007E | 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 #FF65C5 as 0% and #C1007E as 100%.

0.0%	0.0% #FF65C5	RGB 255 101 197	#FF65C5
16.7%	16.7% #F450B7	RGB 244 80 183	#F450B7
33.3%	33.3% #EA3DAB	RGB 234 61 171	#EA3DAB
50.0%	50.0% #E02C9E	RGB 224 44 158	#E02C9E
66.7%	66.7% #D51C93	RGB 213 28 147	#D51C93
83.3%	83.3% #CB0D88	RGB 203 13 136	#CB0D88
100.0%	100.0% #C1007E	RGB 193 0 126	#C1007E

#FF65C5 #F450B7 #EA3DAB #E02C9E #D51C93 #CB0D88 #C1007E

#FF65C5 - #E02C9E - #C1007E

CSS codes

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

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