#AD1922 - #3C0D11 | 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 #AD1922 to #3C0D11

#AD1922 #3C0D11

Calculate the color between two colors, #AD1922 and #3C0D11. 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)

#AD1922 - #3C0D11 | 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 #AD1922 as 0% and #3C0D11 as 100%.

0.0%	0.0% #AD1922	RGB 173 25 34	#AD1922
16.7%	16.7% #9A171F	RGB 154 23 31	#9A171F
33.3%	33.3% #87151C	RGB 135 21 28	#87151C
50.0%	50.0% #741319	RGB 116 19 25	#741319
66.7%	66.7% #611116	RGB 97 17 22	#611116
83.3%	83.3% #4E0F13	RGB 78 15 19	#4E0F13
100.0%	100.0% #3C0D11	RGB 60 13 17	#3C0D11

#AD1922 #9A171F #87151C #741319 #611116 #4E0F13 #3C0D11

#AD1922 - #3C0D11

HSV Blend

#AD1922 - #3C0D11 | 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 #AD1922 as 0% and #3C0D11 as 100%.

0.0%	0.0% #AD1821	RGB 173 24 33	#AD1821
16.7%	16.7% #9A1820	RGB 154 24 32	#9A1820
33.3%	33.3% #87161E	RGB 135 22 30	#87161E
50.0%	50.0% #74151C	RGB 116 21 28	#74151C
66.7%	66.7% #611218	RGB 97 18 24	#611218
83.3%	83.3% #4E1015	RGB 78 16 21	#4E1015
100.0%	100.0% #3C0D11	RGB 60 13 17	#3C0D11

#AD1821 #9A1820 #87161E #74151C #611218 #4E1015 #3C0D11

#AD1922 - #74151C - #3C0D11

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD1821 0%, #74151C 50%, #3C0D11 100%);
    background: -webkit-linear-gradient(top, #AD1821 0%, #74151C 50%, #3C0D11 100%);
    background: linear-gradient(to bottom, #AD1821 0%, #74151C 50%, #3C0D11 100%);
}
</style>