#B68C70 - #332820 | 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 #B68C70 to #332820

#B68C70 #332820

Calculate the color between two colors, #B68C70 and #332820. 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)

#B68C70 - #332820 | 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 #B68C70 as 0% and #332820 as 100%.

0.0%	0.0% #B68C70	RGB 182 140 112	#B68C70
16.7%	16.7% #A07B62	RGB 160 123 98	#A07B62
33.3%	33.3% #8A6A55	RGB 138 106 85	#8A6A55
50.0%	50.0% #745A48	RGB 116 90 72	#745A48
66.7%	66.7% #5E493A	RGB 94 73 58	#5E493A
83.3%	83.3% #48382D	RGB 72 56 45	#48382D
100.0%	100.0% #332820	RGB 51 40 32	#332820

#B68C70 #A07B62 #8A6A55 #745A48 #5E493A #48382D #332820

#B68C70 - #332820

HSV Blend

#B68C70 - #332820 | 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 #B68C70 as 0% and #332820 as 100%.

0.0%	0.0% #B68C70	RGB 182 140 112	#B68C70
16.7%	16.7% #A07B62	RGB 160 123 98	#A07B62
33.3%	33.3% #8A6B55	RGB 138 107 85	#8A6B55
50.0%	50.0% #745A48	RGB 116 90 72	#745A48
66.7%	66.7% #5E493B	RGB 94 73 59	#5E493B
83.3%	83.3% #48382D	RGB 72 56 45	#48382D
100.0%	100.0% #332820	RGB 51 40 32	#332820

#B68C70 #A07B62 #8A6B55 #745A48 #5E493B #48382D #332820

#B68C70 - #745A48 - #332820

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B68C70 0%, #745A48 50%, #332820 100%);
    background: -webkit-linear-gradient(top, #B68C70 0%, #745A48 50%, #332820 100%);
    background: linear-gradient(to bottom, #B68C70 0%, #745A48 50%, #332820 100%);
}
</style>