#AC2B32 - #480F12 | 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 #AC2B32 to #480F12

#AC2B32 #480F12

Calculate the color between two colors, #AC2B32 and #480F12. 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)

#AC2B32 - #480F12 | 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 #AC2B32 as 0% and #480F12 as 100%.

0.0%	0.0% #AC2B32	RGB 172 43 50	#AC2B32
16.7%	16.7% #9B262C	RGB 155 38 44	#9B262C
33.3%	33.3% #8A2127	RGB 138 33 39	#8A2127
50.0%	50.0% #7A1D22	RGB 122 29 34	#7A1D22
66.7%	66.7% #69181C	RGB 105 24 28	#69181C
83.3%	83.3% #581317	RGB 88 19 23	#581317
100.0%	100.0% #480F12	RGB 72 15 18	#480F12

#AC2B32 #9B262C #8A2127 #7A1D22 #69181C #581317 #480F12

#AC2B32 - #480F12

HSV Blend

#AC2B32 - #480F12 | 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 #AC2B32 as 0% and #480F12 as 100%.

0.0%	0.0% #AC2B32	RGB 172 43 50	#AC2B32
16.7%	16.7% #9B252C	RGB 155 37 44	#9B252C
33.3%	33.3% #8A2026	RGB 138 32 38	#8A2026
50.0%	50.0% #7A1B20	RGB 122 27 32	#7A1B20
66.7%	66.7% #69171B	RGB 105 23 27	#69171B
83.3%	83.3% #581316	RGB 88 19 22	#581316
100.0%	100.0% #480F12	RGB 72 15 18	#480F12

#AC2B32 #9B252C #8A2026 #7A1B20 #69171B #581316 #480F12

#AC2B32 - #7A1B20 - #480F12

CSS codes

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

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