#3E0413 - #822C2E | 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 #3E0413 to #822C2E

#3E0413 #822C2E

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

#3E0413 - #822C2E | 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 #3E0413 as 0% and #822C2E as 100%.

0.0%	0.0% #3E0413	RGB 62 4 19	#3E0413
16.7%	16.7% #490A17	RGB 73 10 23	#490A17
33.3%	33.3% #54111C	RGB 84 17 28	#54111C
50.0%	50.0% #601820	RGB 96 24 32	#601820
66.7%	66.7% #6B1E25	RGB 107 30 37	#6B1E25
83.3%	83.3% #762529	RGB 118 37 41	#762529
100.0%	100.0% #822C2E	RGB 130 44 46	#822C2E

#3E0413 #490A17 #54111C #601820 #6B1E25 #762529 #822C2E

#3E0413 - #822C2E

HSV Blend

#3E0413 - #822C2E | 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 #3E0413 as 0% and #822C2E as 100%.

0.0%	0.0% #3E0413	RGB 62 4 19	#3E0413
16.7%	16.7% #490816	RGB 73 8 22	#490816
33.3%	33.3% #540D1A	RGB 84 13 26	#540D1A
50.0%	50.0% #60131E	RGB 96 19 30	#60131E
66.7%	66.7% #6B1A22	RGB 107 26 34	#6B1A22
83.3%	83.3% #762227	RGB 118 34 39	#762227
100.0%	100.0% #822C2E	RGB 130 44 46	#822C2E

#3E0413 #490816 #540D1A #60131E #6B1A22 #762227 #822C2E

#3E0413 - #60131E - #822C2E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E0413 0%, #60131E 50%, #822C2E 100%);
    background: -webkit-linear-gradient(top, #3E0413 0%, #60131E 50%, #822C2E 100%);
    background: linear-gradient(to bottom, #3E0413 0%, #60131E 50%, #822C2E 100%);
}
</style>