#FF2431 - #880516 | 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 #FF2431 to #880516

#FF2431 #880516

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

#FF2431 - #880516 | 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 #FF2431 as 0% and #880516 as 100%.

0.0%	0.0% #FF2431	RGB 255 36 49	#FF2431
16.7%	16.7% #EB1E2C	RGB 235 30 44	#EB1E2C
33.3%	33.3% #D71928	RGB 215 25 40	#D71928
50.0%	50.0% #C31423	RGB 195 20 35	#C31423
66.7%	66.7% #AF0F1F	RGB 175 15 31	#AF0F1F
83.3%	83.3% #9B0A1A	RGB 155 10 26	#9B0A1A
100.0%	100.0% #880516	RGB 136 5 22	#880516

#FF2431 #EB1E2C #D71928 #C31423 #AF0F1F #9B0A1A #880516

#FF2431 - #880516

HSV Blend

#FF2431 - #880516 | 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 #FF2431 as 0% and #880516 as 100%.

0.0%	0.0% #FF2331	RGB 255 35 49	#FF2331
16.7%	16.7% #EB1D2B	RGB 235 29 43	#EB1D2B
33.3%	33.3% #D71626	RGB 215 22 38	#D71626
50.0%	50.0% #C31122	RGB 195 17 34	#C31122
66.7%	66.7% #AF0C1D	RGB 175 12 29	#AF0C1D
83.3%	83.3% #9B0819	RGB 155 8 25	#9B0819
100.0%	100.0% #880516	RGB 136 5 22	#880516

#FF2331 #EB1D2B #D71626 #C31122 #AF0C1D #9B0819 #880516

#FF2431 - #C31122 - #880516

CSS codes

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

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