#FF255A - #A7002D | 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 #FF255A to #A7002D

#FF255A #A7002D

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

#FF255A - #A7002D | 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 #FF255A as 0% and #A7002D as 100%.

0.0%	0.0% #FF255A	RGB 255 37 90	#FF255A
16.7%	16.7% #F01E52	RGB 240 30 82	#F01E52
33.3%	33.3% #E1184B	RGB 225 24 75	#E1184B
50.0%	50.0% #D31243	RGB 211 18 67	#D31243
66.7%	66.7% #C40C3C	RGB 196 12 60	#C40C3C
83.3%	83.3% #B50634	RGB 181 6 52	#B50634
100.0%	100.0% #A7002D	RGB 167 0 45	#A7002D

#FF255A #F01E52 #E1184B #D31243 #C40C3C #B50634 #A7002D

#FF255A - #A7002D

HSV Blend

#FF255A - #A7002D | 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 #FF255A as 0% and #A7002D as 100%.

0.0%	0.0% #FF245A	RGB 255 36 90	#FF245A
16.7%	16.7% #F01D51	RGB 240 29 81	#F01D51
33.3%	33.3% #E11549	RGB 225 21 73	#E11549
50.0%	50.0% #D30F41	RGB 211 15 65	#D30F41
66.7%	66.7% #C4093A	RGB 196 9 58	#C4093A
83.3%	83.3% #B50433	RGB 181 4 51	#B50433
100.0%	100.0% #A7002D	RGB 167 0 45	#A7002D

#FF245A #F01D51 #E11549 #D30F41 #C4093A #B50433 #A7002D

#FF255A - #D30F41 - #A7002D

CSS codes

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

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