#6E2222 - #C55E3E | 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 #6E2222 to #C55E3E

#6E2222 #C55E3E

Calculate the color between two colors, #6E2222 and #C55E3E. 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)

#6E2222 - #C55E3E | 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 #6E2222 as 0% and #C55E3E as 100%.

0.0%	0.0% #6E2222	RGB 110 34 34	#6E2222
16.7%	16.7% #7C2C26	RGB 124 44 38	#7C2C26
33.3%	33.3% #8B362B	RGB 139 54 43	#8B362B
50.0%	50.0% #994030	RGB 153 64 48	#994030
66.7%	66.7% #A84A34	RGB 168 74 52	#A84A34
83.3%	83.3% #B65439	RGB 182 84 57	#B65439
100.0%	100.0% #C55E3E	RGB 197 94 62	#C55E3E

#6E2222 #7C2C26 #8B362B #994030 #A84A34 #B65439 #C55E3E

#6E2222 - #C55E3E

HSV Blend

#6E2222 - #C55E3E | 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 #6E2222 as 0% and #C55E3E as 100%.

0.0%	0.0% #6E2222	RGB 110 34 34	#6E2222
16.7%	16.7% #7C2926	RGB 124 41 38	#7C2926
33.3%	33.3% #8B322B	RGB 139 50 43	#8B322B
50.0%	50.0% #993C2F	RGB 153 60 47	#993C2F
66.7%	66.7% #A84634	RGB 168 70 52	#A84634
83.3%	83.3% #B65239	RGB 182 82 57	#B65239
100.0%	100.0% #C55E3E	RGB 197 94 62	#C55E3E

#6E2222 #7C2926 #8B322B #993C2F #A84634 #B65239 #C55E3E

#6E2222 - #993C2F - #C55E3E

CSS codes

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

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