#FF2D89 - #CF0B5C | 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 #FF2D89 to #CF0B5C

#FF2D89 #CF0B5C

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

#FF2D89 - #CF0B5C | 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 #FF2D89 as 0% and #CF0B5C as 100%.

0.0%	0.0% #FF2D89	RGB 255 45 137	#FF2D89
16.7%	16.7% #F72781	RGB 247 39 129	#F72781
33.3%	33.3% #EF217A	RGB 239 33 122	#EF217A
50.0%	50.0% #E71C72	RGB 231 28 114	#E71C72
66.7%	66.7% #DF166B	RGB 223 22 107	#DF166B
83.3%	83.3% #D71063	RGB 215 16 99	#D71063
100.0%	100.0% #CF0B5C	RGB 207 11 92	#CF0B5C

#FF2D89 #F72781 #EF217A #E71C72 #DF166B #D71063 #CF0B5C

#FF2D89 - #CF0B5C

HSV Blend

#FF2D89 - #CF0B5C | 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 #FF2D89 as 0% and #CF0B5C as 100%.

0.0%	0.0% #FF2C88	RGB 255 44 136	#FF2C88
16.7%	16.7% #F72680	RGB 247 38 128	#F72680
33.3%	33.3% #EF2079	RGB 239 32 121	#EF2079
50.0%	50.0% #E71A71	RGB 231 26 113	#E71A71
66.7%	66.7% #DF156A	RGB 223 21 106	#DF156A
83.3%	83.3% #D70F62	RGB 215 15 98	#D70F62
100.0%	100.0% #CF0B5C	RGB 207 11 92	#CF0B5C

#FF2C88 #F72680 #EF2079 #E71A71 #DF156A #D70F62 #CF0B5C

#FF2D89 - #E71A71 - #CF0B5C

CSS codes

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

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