#B79999 - #342B2B | 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 #B79999 to #342B2B

#B79999 #342B2B

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

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

0.0%	0.0% #B79999	RGB 183 153 153	#B79999
16.7%	16.7% #A18686	RGB 161 134 134	#A18686
33.3%	33.3% #8B7474	RGB 139 116 116	#8B7474
50.0%	50.0% #756262	RGB 117 98 98	#756262
66.7%	66.7% #5F4F4F	RGB 95 79 79	#5F4F4F
83.3%	83.3% #493D3D	RGB 73 61 61	#493D3D
100.0%	100.0% #342B2B	RGB 52 43 43	#342B2B

#B79999 #A18686 #8B7474 #756262 #5F4F4F #493D3D #342B2B

#B79999 - #342B2B

HSV Blend

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

0.0%	0.0% #B79999	RGB 183 153 153	#B79999
16.7%	16.7% #A18686	RGB 161 134 134	#A18686
33.3%	33.3% #8B7474	RGB 139 116 116	#8B7474
50.0%	50.0% #756161	RGB 117 97 97	#756161
66.7%	66.7% #5F4F4F	RGB 95 79 79	#5F4F4F
83.3%	83.3% #493D3D	RGB 73 61 61	#493D3D
100.0%	100.0% #342B2B	RGB 52 43 43	#342B2B

#B79999 #A18686 #8B7474 #756161 #5F4F4F #493D3D #342B2B

#B79999 - #756161 - #342B2B

CSS codes

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

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