#B69897 - #332B2B | 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 #B69897 to #332B2B

#B69897 #332B2B

Calculate the color between two colors, #B69897 and #332B2B. 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)

#B69897 - #332B2B | 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 #B69897 as 0% and #332B2B as 100%.

0.0%	0.0% #B69897	RGB 182 152 151	#B69897
16.7%	16.7% #A08585	RGB 160 133 133	#A08585
33.3%	33.3% #8A7373	RGB 138 115 115	#8A7373
50.0%	50.0% #746161	RGB 116 97 97	#746161
66.7%	66.7% #5E4F4F	RGB 94 79 79	#5E4F4F
83.3%	83.3% #483D3D	RGB 72 61 61	#483D3D
100.0%	100.0% #332B2B	RGB 51 43 43	#332B2B

#B69897 #A08585 #8A7373 #746161 #5E4F4F #483D3D #332B2B

#B69897 - #332B2B

HSV Blend

#B69897 - #332B2B | 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 #B69897 as 0% and #332B2B as 100%.

0.0%	0.0% #B69897	RGB 182 152 151	#B69897
16.7%	16.7% #A08585	RGB 160 133 133	#A08585
33.3%	33.3% #8A7373	RGB 138 115 115	#8A7373
50.0%	50.0% #746161	RGB 116 97 97	#746161
66.7%	66.7% #5E4F4F	RGB 94 79 79	#5E4F4F
83.3%	83.3% #483D3D	RGB 72 61 61	#483D3D
100.0%	100.0% #332B2B	RGB 51 43 43	#332B2B

#B69897 #A08585 #8A7373 #746161 #5E4F4F #483D3D #332B2B

#B69897 - #746161 - #332B2B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B69897 0%, #746161 50%, #332B2B 100%);
    background: -webkit-linear-gradient(top, #B69897 0%, #746161 50%, #332B2B 100%);
    background: linear-gradient(to bottom, #B69897 0%, #746161 50%, #332B2B 100%);
}
</style>