#3E2E3E - #B96A4F | 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 #3E2E3E to #B96A4F

#3E2E3E #B96A4F

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

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

0.0%	0.0% #3E2E3E	RGB 62 46 62	#3E2E3E
16.7%	16.7% #523840	RGB 82 56 64	#523840
33.3%	33.3% #674243	RGB 103 66 67	#674243
50.0%	50.0% #7B4C46	RGB 123 76 70	#7B4C46
66.7%	66.7% #905649	RGB 144 86 73	#905649
83.3%	83.3% #A4604C	RGB 164 96 76	#A4604C
100.0%	100.0% #B96A4F	RGB 185 106 79	#B96A4F

#3E2E3E #523840 #674243 #7B4C46 #905649 #A4604C #B96A4F

#3E2E3E - #B96A4F

HSV Blend

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

0.0%	0.0% #3E2E3E	RGB 62 46 62	#3E2E3E
16.7%	16.7% #52384D	RGB 82 56 77	#52384D
33.3%	33.3% #674157	RGB 103 65 87	#674157
50.0%	50.0% #7B485B	RGB 123 72 91	#7B485B
66.7%	66.7% #904C57	RGB 144 76 87	#904C57
83.3%	83.3% #A4524E	RGB 164 82 78	#A4524E
100.0%	100.0% #B96A4F	RGB 185 106 79	#B96A4F

#3E2E3E #52384D #674157 #7B485B #904C57 #A4524E #B96A4F

#3E2E3E - #7B485B - #B96A4F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E2E3E 0%, #7B485B 50%, #B96A4F 100%);
    background: -webkit-linear-gradient(top, #3E2E3E 0%, #7B485B 50%, #B96A4F 100%);
    background: linear-gradient(to bottom, #3E2E3E 0%, #7B485B 50%, #B96A4F 100%);
}
</style>