#BF9999 - #362B2B | 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 #BF9999 to #362B2B

#BF9999 #362B2B

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

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

0.0%	0.0% #BF9999	RGB 191 153 153	#BF9999
16.7%	16.7% #A88686	RGB 168 134 134	#A88686
33.3%	33.3% #917474	RGB 145 116 116	#917474
50.0%	50.0% #7A6262	RGB 122 98 98	#7A6262
66.7%	66.7% #634F4F	RGB 99 79 79	#634F4F
83.3%	83.3% #4C3D3D	RGB 76 61 61	#4C3D3D
100.0%	100.0% #362B2B	RGB 54 43 43	#362B2B

#BF9999 #A88686 #917474 #7A6262 #634F4F #4C3D3D #362B2B

#BF9999 - #362B2B

HSV Blend

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

0.0%	0.0% #BF9999	RGB 191 153 153	#BF9999
16.7%	16.7% #A88686	RGB 168 134 134	#A88686
33.3%	33.3% #917474	RGB 145 116 116	#917474
50.0%	50.0% #7A6161	RGB 122 97 97	#7A6161
66.7%	66.7% #634F4F	RGB 99 79 79	#634F4F
83.3%	83.3% #4C3D3D	RGB 76 61 61	#4C3D3D
100.0%	100.0% #362B2B	RGB 54 43 43	#362B2B

#BF9999 #A88686 #917474 #7A6161 #634F4F #4C3D3D #362B2B

#BF9999 - #7A6161 - #362B2B

CSS codes

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

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