#4D0E0E - #963E2C | 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 #4D0E0E to #963E2C

#4D0E0E #963E2C

Calculate the color between two colors, #4D0E0E and #963E2C. 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)

#4D0E0E - #963E2C | 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 #4D0E0E as 0% and #963E2C as 100%.

0.0%	0.0% #4D0E0E	RGB 77 14 14	#4D0E0E
16.7%	16.7% #591613	RGB 89 22 19	#591613
33.3%	33.3% #651E18	RGB 101 30 24	#651E18
50.0%	50.0% #71261D	RGB 113 38 29	#71261D
66.7%	66.7% #7D2E22	RGB 125 46 34	#7D2E22
83.3%	83.3% #893627	RGB 137 54 39	#893627
100.0%	100.0% #963E2C	RGB 150 62 44	#963E2C

#4D0E0E #591613 #651E18 #71261D #7D2E22 #893627 #963E2C

#4D0E0E - #963E2C

HSV Blend

#4D0E0E - #963E2C | 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 #4D0E0E as 0% and #963E2C as 100%.

0.0%	0.0% #4D0E0E	RGB 77 14 14	#4D0E0E
16.7%	16.7% #591311	RGB 89 19 17	#591311
33.3%	33.3% #651A16	RGB 101 26 22	#651A16
50.0%	50.0% #71221A	RGB 113 34 26	#71221A
66.7%	66.7% #7D2A20	RGB 125 42 32	#7D2A20
83.3%	83.3% #893425	RGB 137 52 37	#893425
100.0%	100.0% #963E2C	RGB 150 62 44	#963E2C

#4D0E0E #591311 #651A16 #71221A #7D2A20 #893425 #963E2C

#4D0E0E - #71221A - #963E2C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D0E0E 0%, #71221A 50%, #963E2C 100%);
    background: -webkit-linear-gradient(top, #4D0E0E 0%, #71221A 50%, #963E2C 100%);
    background: linear-gradient(to bottom, #4D0E0E 0%, #71221A 50%, #963E2C 100%);
}
</style>