#3A2D3C - #B66A50 | 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 #3A2D3C to #B66A50

#3A2D3C #B66A50

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

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

0.0%	0.0% #3A2D3C	RGB 58 45 60	#3A2D3C
16.7%	16.7% #4E373F	RGB 78 55 63	#4E373F
33.3%	33.3% #634142	RGB 99 65 66	#634142
50.0%	50.0% #784B46	RGB 120 75 70	#784B46
66.7%	66.7% #8C5549	RGB 140 85 73	#8C5549
83.3%	83.3% #A15F4C	RGB 161 95 76	#A15F4C
100.0%	100.0% #B66A50	RGB 182 106 80	#B66A50

#3A2D3C #4E373F #634142 #784B46 #8C5549 #A15F4C #B66A50

#3A2D3C - #B66A50

HSV Blend

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

0.0%	0.0% #3A2D3C	RGB 58 45 60	#3A2D3C
16.7%	16.7% #50384D	RGB 80 56 77	#50384D
33.3%	33.3% #644158	RGB 100 65 88	#644158
50.0%	50.0% #79475D	RGB 121 71 93	#79475D
66.7%	66.7% #8D4C5A	RGB 141 76 90	#8D4C5A
83.3%	83.3% #A1514F	RGB 161 81 79	#A1514F
100.0%	100.0% #B66A50	RGB 182 106 80	#B66A50

#3A2D3C #50384D #644158 #79475D #8D4C5A #A1514F #B66A50

#3A2D3C - #79475D - #B66A50

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A2D3C 0%, #79475D 50%, #B66A50 100%);
    background: -webkit-linear-gradient(top, #3A2D3C 0%, #79475D 50%, #B66A50 100%);
    background: linear-gradient(to bottom, #3A2D3C 0%, #79475D 50%, #B66A50 100%);
}
</style>