#FF2D6D - #9A0030 | 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 #FF2D6D to #9A0030

#FF2D6D #9A0030

Calculate the color between two colors, #FF2D6D and #9A0030. 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)

#FF2D6D - #9A0030 | 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 #FF2D6D as 0% and #9A0030 as 100%.

0.0%	0.0% #FF2D6D	RGB 255 45 109	#FF2D6D
16.7%	16.7% #EE2562	RGB 238 37 98	#EE2562
33.3%	33.3% #DD1E58	RGB 221 30 88	#DD1E58
50.0%	50.0% #CC164E	RGB 204 22 78	#CC164E
66.7%	66.7% #BB0E44	RGB 187 14 68	#BB0E44
83.3%	83.3% #AA073A	RGB 170 7 58	#AA073A
100.0%	100.0% #9A0030	RGB 154 0 48	#9A0030

#FF2D6D #EE2562 #DD1E58 #CC164E #BB0E44 #AA073A #9A0030

#FF2D6D - #9A0030

HSV Blend

#FF2D6D - #9A0030 | 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 #FF2D6D as 0% and #9A0030 as 100%.

0.0%	0.0% #FF2C6C	RGB 255 44 108	#FF2C6C
16.7%	16.7% #EE2361	RGB 238 35 97	#EE2361
33.3%	33.3% #DD1A56	RGB 221 26 86	#DD1A56
50.0%	50.0% #CC124B	RGB 204 18 75	#CC124B
66.7%	66.7% #BB0B41	RGB 187 11 65	#BB0B41
83.3%	83.3% #AA0538	RGB 170 5 56	#AA0538
100.0%	100.0% #9A0030	RGB 154 0 48	#9A0030

#FF2C6C #EE2361 #DD1A56 #CC124B #BB0B41 #AA0538 #9A0030

#FF2D6D - #CC124B - #9A0030

CSS codes

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

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