#FF2D5E - #480C1A | 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 #480C1A

#FF2D5E #480C1A

Calculate the color between two colors, #FF2D5E and #480C1A. 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 - #480C1A | 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 #480C1A as 100%.

0.0%	0.0% #FF2D5E	RGB 255 45 94	#FF2D5E
16.7%	16.7% #E02752	RGB 224 39 82	#E02752
33.3%	33.3% #C22247	RGB 194 34 71	#C22247
50.0%	50.0% #A31C3C	RGB 163 28 60	#A31C3C
66.7%	66.7% #841730	RGB 132 23 48	#841730
83.3%	83.3% #661125	RGB 102 17 37	#661125
100.0%	100.0% #480C1A	RGB 72 12 26	#480C1A

#FF2D5E #E02752 #C22247 #A31C3C #841730 #661125 #480C1A

#FF2D5E - #480C1A

HSV Blend

#FF2D5E - #480C1A | 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 #480C1A as 100%.

0.0%	0.0% #FF2C5D	RGB 255 44 93	#FF2C5D
16.7%	16.7% #E02752	RGB 224 39 82	#E02752
33.3%	33.3% #C22147	RGB 194 33 71	#C22147
50.0%	50.0% #A31C3B	RGB 163 28 59	#A31C3B
66.7%	66.7% #841630	RGB 132 22 48	#841630
83.3%	83.3% #661125	RGB 102 17 37	#661125
100.0%	100.0% #480C1A	RGB 72 12 26	#480C1A

#FF2C5D #E02752 #C22147 #A31C3B #841630 #661125 #480C1A

#FF2D5E - #A31C3B - #480C1A

CSS codes

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

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