#FF2D74 - #C90A5E | 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 #FF2D74 to #C90A5E

#FF2D74 #C90A5E

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

#FF2D74 - #C90A5E | 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 #FF2D74 as 0% and #C90A5E as 100%.

0.0%	0.0% #FF2D74	RGB 255 45 116	#FF2D74
16.7%	16.7% #F62770	RGB 246 39 112	#F62770
33.3%	33.3% #ED216C	RGB 237 33 108	#ED216C
50.0%	50.0% #E41B69	RGB 228 27 105	#E41B69
66.7%	66.7% #DB1565	RGB 219 21 101	#DB1565
83.3%	83.3% #D20F61	RGB 210 15 97	#D20F61
100.0%	100.0% #C90A5E	RGB 201 10 94	#C90A5E

#FF2D74 #F62770 #ED216C #E41B69 #DB1565 #D20F61 #C90A5E

#FF2D74 - #C90A5E

HSV Blend

#FF2D74 - #C90A5E | 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 #FF2D74 as 0% and #C90A5E as 100%.

0.0%	0.0% #FF2C74	RGB 255 44 116	#FF2C74
16.7%	16.7% #F6266F	RGB 246 38 111	#F6266F
33.3%	33.3% #ED1F6C	RGB 237 31 108	#ED1F6C
50.0%	50.0% #E41968	RGB 228 25 104	#E41968
66.7%	66.7% #DB1464	RGB 219 20 100	#DB1464
83.3%	83.3% #D20E61	RGB 210 14 97	#D20E61
100.0%	100.0% #C90A5E	RGB 201 10 94	#C90A5E

#FF2C74 #F6266F #ED1F6C #E41968 #DB1464 #D20E61 #C90A5E

#FF2D74 - #E41968 - #C90A5E

CSS codes

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

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