#FF2531 - #880616 | 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 #FF2531 to #880616

#FF2531 #880616

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

#FF2531 - #880616 | 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 #FF2531 as 0% and #880616 as 100%.

0.0%	0.0% #FF2531	RGB 255 37 49	#FF2531
16.7%	16.7% #EB1F2C	RGB 235 31 44	#EB1F2C
33.3%	33.3% #D71A28	RGB 215 26 40	#D71A28
50.0%	50.0% #C31523	RGB 195 21 35	#C31523
66.7%	66.7% #AF101F	RGB 175 16 31	#AF101F
83.3%	83.3% #9B0B1A	RGB 155 11 26	#9B0B1A
100.0%	100.0% #880616	RGB 136 6 22	#880616

#FF2531 #EB1F2C #D71A28 #C31523 #AF101F #9B0B1A #880616

#FF2531 - #880616

HSV Blend

#FF2531 - #880616 | 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 #FF2531 as 0% and #880616 as 100%.

0.0%	0.0% #FF2430	RGB 255 36 48	#FF2430
16.7%	16.7% #EB1E2B	RGB 235 30 43	#EB1E2B
33.3%	33.3% #D71726	RGB 215 23 38	#D71726
50.0%	50.0% #C31222	RGB 195 18 34	#C31222
66.7%	66.7% #AF0D1D	RGB 175 13 29	#AF0D1D
83.3%	83.3% #9B0919	RGB 155 9 25	#9B0919
100.0%	100.0% #880616	RGB 136 6 22	#880616

#FF2430 #EB1E2B #D71726 #C31222 #AF0D1D #9B0919 #880616

#FF2531 - #C31222 - #880616

CSS codes

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

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