#4D2F2F - #451303 | 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 #4D2F2F to #451303

#4D2F2F #451303

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

#4D2F2F - #451303 | 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 #4D2F2F as 0% and #451303 as 100%.

0.0%	0.0% #4D2F2F	RGB 77 47 47	#4D2F2F
16.7%	16.7% #4B2A27	RGB 75 42 39	#4B2A27
33.3%	33.3% #4A2520	RGB 74 37 32	#4A2520
50.0%	50.0% #492119	RGB 73 33 25	#492119
66.7%	66.7% #471C11	RGB 71 28 17	#471C11
83.3%	83.3% #46170A	RGB 70 23 10	#46170A
100.0%	100.0% #451303	RGB 69 19 3	#451303

#4D2F2F #4B2A27 #4A2520 #492119 #471C11 #46170A #451303

#4D2F2F - #451303

HSV Blend

#4D2F2F - #451303 | 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 #4D2F2F as 0% and #451303 as 100%.

0.0%	0.0% #4D2F2F	RGB 77 47 47	#4D2F2F
16.7%	16.7% #4B2827	RGB 75 40 39	#4B2827
33.3%	33.3% #4A221F	RGB 74 34 31	#4A221F
50.0%	50.0% #491D17	RGB 73 29 23	#491D17
66.7%	66.7% #471910	RGB 71 25 16	#471910
83.3%	83.3% #461509	RGB 70 21 9	#461509
100.0%	100.0% #451303	RGB 69 19 3	#451303

#4D2F2F #4B2827 #4A221F #491D17 #471910 #461509 #451303

#4D2F2F - #491D17 - #451303

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D2F2F 0%, #491D17 50%, #451303 100%);
    background: -webkit-linear-gradient(top, #4D2F2F 0%, #491D17 50%, #451303 100%);
    background: linear-gradient(to bottom, #4D2F2F 0%, #491D17 50%, #451303 100%);
}
</style>