#C71585 - #FF7AA7 | 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 #C71585 to #FF7AA7

#C71585 #FF7AA7

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

#C71585 - #FF7AA7 | 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 #C71585 as 0% and #FF7AA7 as 100%.

0.0%	0.0% #C71585	RGB 199 21 133	#C71585
16.7%	16.7% #D0258A	RGB 208 37 138	#D0258A
33.3%	33.3% #D93690	RGB 217 54 144	#D93690
50.0%	50.0% #E34796	RGB 227 71 150	#E34796
66.7%	66.7% #EC589B	RGB 236 88 155	#EC589B
83.3%	83.3% #F569A1	RGB 245 105 161	#F569A1
100.0%	100.0% #FF7AA7	RGB 255 122 167	#FF7AA7

#C71585 #D0258A #D93690 #E34796 #EC589B #F569A1 #FF7AA7

#C71585 - #FF7AA7

HSV Blend

#C71585 - #FF7AA7 | 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 #C71585 as 0% and #FF7AA7 as 100%.

0.0%	0.0% #C71584	RGB 199 21 132	#C71584
16.7%	16.7% #D02287	RGB 208 34 135	#D02287
33.3%	33.3% #D9328B	RGB 217 50 139	#D9328B
50.0%	50.0% #E34290	RGB 227 66 144	#E34290
66.7%	66.7% #EC5396	RGB 236 83 150	#EC5396
83.3%	83.3% #F5669D	RGB 245 102 157	#F5669D
100.0%	100.0% #FF7AA7	RGB 255 122 167	#FF7AA7

#C71584 #D02287 #D9328B #E34290 #EC5396 #F5669D #FF7AA7

#C71585 - #E34290 - #FF7AA7

CSS codes

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

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