#4A2D3C - #B37164 | 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 #4A2D3C to #B37164

#4A2D3C #B37164

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

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

0.0%	0.0% #4A2D3C	RGB 74 45 60	#4A2D3C
16.7%	16.7% #5B3842	RGB 91 56 66	#5B3842
33.3%	33.3% #6D4349	RGB 109 67 73	#6D4349
50.0%	50.0% #7E4F50	RGB 126 79 80	#7E4F50
66.7%	66.7% #905A56	RGB 144 90 86	#905A56
83.3%	83.3% #A1655D	RGB 161 101 93	#A1655D
100.0%	100.0% #B37164	RGB 179 113 100	#B37164

#4A2D3C #5B3842 #6D4349 #7E4F50 #905A56 #A1655D #B37164

#4A2D3C - #B37164

HSV Blend

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

0.0%	0.0% #4A2D3C	RGB 74 45 60	#4A2D3C
16.7%	16.7% #5B3645	RGB 91 54 69	#5B3645
33.3%	33.3% #6D404D	RGB 109 64 77	#6D404D
50.0%	50.0% #7E4953	RGB 126 73 83	#7E4953
66.7%	66.7% #905256	RGB 144 82 86	#905256
83.3%	83.3% #A15F5B	RGB 161 95 91	#A15F5B
100.0%	100.0% #B37164	RGB 179 113 100	#B37164

#4A2D3C #5B3645 #6D404D #7E4953 #905256 #A15F5B #B37164

#4A2D3C - #7E4953 - #B37164

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A2D3C 0%, #7E4953 50%, #B37164 100%);
    background: -webkit-linear-gradient(top, #4A2D3C 0%, #7E4953 50%, #B37164 100%);
    background: linear-gradient(to bottom, #4A2D3C 0%, #7E4953 50%, #B37164 100%);
}
</style>