#FF5EE4 - #C000A8 | 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 #FF5EE4 to #C000A8

#FF5EE4 #C000A8

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

#FF5EE4 - #C000A8 | 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 #FF5EE4 as 0% and #C000A8 as 100%.

0.0%	0.0% #FF5EE4	RGB 255 94 228	#FF5EE4
16.7%	16.7% #F44EDA	RGB 244 78 218	#F44EDA
33.3%	33.3% #EA3ED0	RGB 234 62 208	#EA3ED0
50.0%	50.0% #DF2FC6	RGB 223 47 198	#DF2FC6
66.7%	66.7% #D51FBC	RGB 213 31 188	#D51FBC
83.3%	83.3% #CA0FB2	RGB 202 15 178	#CA0FB2
100.0%	100.0% #C000A8	RGB 192 0 168	#C000A8

#FF5EE4 #F44EDA #EA3ED0 #DF2FC6 #D51FBC #CA0FB2 #C000A8

#FF5EE4 - #C000A8

HSV Blend

#FF5EE4 - #C000A8 | 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 #FF5EE4 as 0% and #C000A8 as 100%.

0.0%	0.0% #FF5DE4	RGB 255 93 228	#FF5DE4
16.7%	16.7% #F44BD9	RGB 244 75 217	#F44BD9
33.3%	33.3% #EA39CE	RGB 234 57 206	#EA39CE
50.0%	50.0% #DF29C4	RGB 223 41 196	#DF29C4
66.7%	66.7% #D51ABA	RGB 213 26 186	#D51ABA
83.3%	83.3% #CA0CB1	RGB 202 12 177	#CA0CB1
100.0%	100.0% #C000A8	RGB 192 0 168	#C000A8

#FF5DE4 #F44BD9 #EA39CE #DF29C4 #D51ABA #CA0CB1 #C000A8

#FF5EE4 - #DF29C4 - #C000A8

CSS codes

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

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