#C5005E - #FF5471 | 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 #C5005E to #FF5471

#C5005E #FF5471

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

#C5005E - #FF5471 | 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 #C5005E as 0% and #FF5471 as 100%.

0.0%	0.0% #C5005E	RGB 197 0 94	#C5005E
16.7%	16.7% #CE0E61	RGB 206 14 97	#CE0E61
33.3%	33.3% #D81C64	RGB 216 28 100	#D81C64
50.0%	50.0% #E22A67	RGB 226 42 103	#E22A67
66.7%	66.7% #EB386A	RGB 235 56 106	#EB386A
83.3%	83.3% #F5466D	RGB 245 70 109	#F5466D
100.0%	100.0% #FF5471	RGB 255 84 113	#FF5471

#C5005E #CE0E61 #D81C64 #E22A67 #EB386A #F5466D #FF5471

#C5005E - #FF5471

HSV Blend

#C5005E - #FF5471 | 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 #C5005E as 0% and #FF5471 as 100%.

0.0%	0.0% #C5005E	RGB 197 0 94	#C5005E
16.7%	16.7% #CE0B5E	RGB 206 11 94	#CE0B5E
33.3%	33.3% #D8175F	RGB 216 23 95	#D8175F
50.0%	50.0% #E22562	RGB 226 37 98	#E22562
66.7%	66.7% #EB3365	RGB 235 51 101	#EB3365
83.3%	83.3% #F5436A	RGB 245 67 106	#F5436A
100.0%	100.0% #FF5471	RGB 255 84 113	#FF5471

#C5005E #CE0B5E #D8175F #E22562 #EB3365 #F5436A #FF5471

#C5005E - #E22562 - #FF5471

CSS codes

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

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