#FF5EFA - #C000CA | 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 #FF5EFA to #C000CA

#FF5EFA #C000CA

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

#FF5EFA - #C000CA | 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 #FF5EFA as 0% and #C000CA as 100%.

0.0%	0.0% #FF5EFA	RGB 255 94 250	#FF5EFA
16.7%	16.7% #F44EF2	RGB 244 78 242	#F44EF2
33.3%	33.3% #EA3EEA	RGB 234 62 234	#EA3EEA
50.0%	50.0% #DF2FE2	RGB 223 47 226	#DF2FE2
66.7%	66.7% #D51FDA	RGB 213 31 218	#D51FDA
83.3%	83.3% #CA0FD2	RGB 202 15 210	#CA0FD2
100.0%	100.0% #C000CA	RGB 192 0 202	#C000CA

#FF5EFA #F44EF2 #EA3EEA #DF2FE2 #D51FDA #CA0FD2 #C000CA

#FF5EFA - #C000CA

HSV Blend

#FF5EFA - #C000CA | 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 #FF5EFA as 0% and #C000CA as 100%.

0.0%	0.0% #FF5DFA	RGB 255 93 250	#FF5DFA
16.7%	16.7% #F64BF3	RGB 246 75 243	#F64BF3
33.3%	33.3% #ED3AEC	RGB 237 58 236	#ED3AEC
50.0%	50.0% #E22AE4	RGB 226 42 228	#E22AE4
66.7%	66.7% #D71ADB	RGB 215 26 219	#D71ADB
83.3%	83.3% #CB0CD2	RGB 203 12 210	#CB0CD2
100.0%	100.0% #C000CA	RGB 192 0 202	#C000CA

#FF5DFA #F64BF3 #ED3AEC #E22AE4 #D71ADB #CB0CD2 #C000CA

#FF5EFA - #E22AE4 - #C000CA

CSS codes

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

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