#4C0808 - #2B0908 | 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 #4C0808 to #2B0908

#4C0808 #2B0908

Calculate the color between two colors, #4C0808 and #2B0908. 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)

#4C0808 - #2B0908 | 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 #4C0808 as 0% and #2B0908 as 100%.

0.0%	0.0% #4C0808	RGB 76 8 8	#4C0808
16.7%	16.7% #460808	RGB 70 8 8	#460808
33.3%	33.3% #410808	RGB 65 8 8	#410808
50.0%	50.0% #3B0808	RGB 59 8 8	#3B0808
66.7%	66.7% #360808	RGB 54 8 8	#360808
83.3%	83.3% #300808	RGB 48 8 8	#300808
100.0%	100.0% #2B0908	RGB 43 9 8	#2B0908

#4C0808 #460808 #410808 #3B0808 #360808 #300808 #2B0908

#4C0808 - #2B0908

HSV Blend

#4C0808 - #2B0908 | 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 #4C0808 as 0% and #2B0908 as 100%.

0.0%	0.0% #4C0808	RGB 76 8 8	#4C0808
16.7%	16.7% #460808	RGB 70 8 8	#460808
33.3%	33.3% #410908	RGB 65 9 8	#410908
50.0%	50.0% #3B0908	RGB 59 9 8	#3B0908
66.7%	66.7% #360908	RGB 54 9 8	#360908
83.3%	83.3% #300908	RGB 48 9 8	#300908
100.0%	100.0% #2B0908	RGB 43 9 8	#2B0908

#4C0808 #460808 #410908 #3B0908 #360908 #300908 #2B0908

#4C0808 - #3B0908 - #2B0908

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C0808 0%, #3B0908 50%, #2B0908 100%);
    background: -webkit-linear-gradient(top, #4C0808 0%, #3B0908 50%, #2B0908 100%);
    background: linear-gradient(to bottom, #4C0808 0%, #3B0908 50%, #2B0908 100%);
}
</style>