#AC000B - #310003 | 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 #AC000B to #310003

#AC000B #310003

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

#AC000B - #310003 | 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 #AC000B as 0% and #310003 as 100%.

0.0%	0.0% #AC000B	RGB 172 0 11	#AC000B
16.7%	16.7% #970009	RGB 151 0 9	#970009
33.3%	33.3% #830008	RGB 131 0 8	#830008
50.0%	50.0% #6E0007	RGB 110 0 7	#6E0007
66.7%	66.7% #5A0005	RGB 90 0 5	#5A0005
83.3%	83.3% #450004	RGB 69 0 4	#450004
100.0%	100.0% #310003	RGB 49 0 3	#310003

#AC000B #970009 #830008 #6E0007 #5A0005 #450004 #310003

#AC000B - #310003

HSV Blend

#AC000B - #310003 | 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 #AC000B as 0% and #310003 as 100%.

0.0%	0.0% #AC000B	RGB 172 0 11	#AC000B
16.7%	16.7% #970009	RGB 151 0 9	#970009
33.3%	33.3% #830008	RGB 131 0 8	#830008
50.0%	50.0% #6E0006	RGB 110 0 6	#6E0006
66.7%	66.7% #5A0005	RGB 90 0 5	#5A0005
83.3%	83.3% #450004	RGB 69 0 4	#450004
100.0%	100.0% #310003	RGB 49 0 3	#310003

#AC000B #970009 #830008 #6E0006 #5A0005 #450004 #310003

#AC000B - #6E0006 - #310003

CSS codes

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

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