#322727 - #906B5B | 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 #322727 to #906B5B

#322727 #906B5B

Calculate the color between two colors, #322727 and #906B5B. 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)

#322727 - #906B5B | 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 #322727 as 0% and #906B5B as 100%.

0.0%	0.0% #322727	RGB 50 39 39	#322727
16.7%	16.7% #41322F	RGB 65 50 47	#41322F
33.3%	33.3% #513D38	RGB 81 61 56	#513D38
50.0%	50.0% #614941	RGB 97 73 65	#614941
66.7%	66.7% #705449	RGB 112 84 73	#705449
83.3%	83.3% #805F52	RGB 128 95 82	#805F52
100.0%	100.0% #906B5B	RGB 144 107 91	#906B5B

#322727 #41322F #513D38 #614941 #705449 #805F52 #906B5B

#322727 - #906B5B

HSV Blend

#322727 - #906B5B | 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 #322727 as 0% and #906B5B as 100%.

0.0%	0.0% #322727	RGB 50 39 39	#322727
16.7%	16.7% #413231	RGB 65 50 49	#413231
33.3%	33.3% #513D3B	RGB 81 61 59	#513D3B
50.0%	50.0% #614844	RGB 97 72 68	#614844
66.7%	66.7% #70534C	RGB 112 83 76	#70534C
83.3%	83.3% #805F54	RGB 128 95 84	#805F54
100.0%	100.0% #906B5B	RGB 144 107 91	#906B5B

#322727 #413231 #513D3B #614844 #70534C #805F54 #906B5B

#322727 - #614844 - #906B5B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #322727 0%, #614844 50%, #906B5B 100%);
    background: -webkit-linear-gradient(top, #322727 0%, #614844 50%, #906B5B 100%);
    background: linear-gradient(to bottom, #322727 0%, #614844 50%, #906B5B 100%);
}
</style>