#FF2D5E - #980027 | 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 #FF2D5E to #980027

#FF2D5E #980027

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

#FF2D5E - #980027 | 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 #FF2D5E as 0% and #980027 as 100%.

0.0%	0.0% #FF2D5E	RGB 255 45 94	#FF2D5E
16.7%	16.7% #ED2554	RGB 237 37 84	#ED2554
33.3%	33.3% #DC1E4B	RGB 220 30 75	#DC1E4B
50.0%	50.0% #CB1642	RGB 203 22 66	#CB1642
66.7%	66.7% #BA0E39	RGB 186 14 57	#BA0E39
83.3%	83.3% #A90730	RGB 169 7 48	#A90730
100.0%	100.0% #980027	RGB 152 0 39	#980027

#FF2D5E #ED2554 #DC1E4B #CB1642 #BA0E39 #A90730 #980027

#FF2D5E - #980027

HSV Blend

#FF2D5E - #980027 | 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 #FF2D5E as 0% and #980027 as 100%.

0.0%	0.0% #FF2C5D	RGB 255 44 93	#FF2C5D
16.7%	16.7% #ED2253	RGB 237 34 83	#ED2253
33.3%	33.3% #DC1948	RGB 220 25 72	#DC1948
50.0%	50.0% #CB113F	RGB 203 17 63	#CB113F
66.7%	66.7% #BA0A36	RGB 186 10 54	#BA0A36
83.3%	83.3% #A9042E	RGB 169 4 46	#A9042E
100.0%	100.0% #980027	RGB 152 0 39	#980027

#FF2C5D #ED2253 #DC1948 #CB113F #BA0A36 #A9042E #980027

#FF2D5E - #CB113F - #980027

CSS codes

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

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