#B5A8A2 - #96624C | 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 #B5A8A2 to #96624C

#B5A8A2 #96624C

Calculate the color between two colors, #B5A8A2 and #96624C. 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)

#B5A8A2 - #96624C | 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 #B5A8A2 as 0% and #96624C as 100%.

0.0%	0.0% #B5A8A2	RGB 181 168 162	#B5A8A2
16.7%	16.7% #AF9C93	RGB 175 156 147	#AF9C93
33.3%	33.3% #AA9085	RGB 170 144 133	#AA9085
50.0%	50.0% #A58577	RGB 165 133 119	#A58577
66.7%	66.7% #A07968	RGB 160 121 104	#A07968
83.3%	83.3% #9B6D5A	RGB 155 109 90	#9B6D5A
100.0%	100.0% #96624C	RGB 150 98 76	#96624C

#B5A8A2 #AF9C93 #AA9085 #A58577 #A07968 #9B6D5A #96624C

#B5A8A2 - #96624C

HSV Blend

#B5A8A2 - #96624C | 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 #B5A8A2 as 0% and #96624C as 100%.

0.0%	0.0% #B5A8A2	RGB 181 168 162	#B5A8A2
16.7%	16.7% #AF9B91	RGB 175 155 145	#AF9B91
33.3%	33.3% #AA8F82	RGB 170 143 130	#AA8F82
50.0%	50.0% #A58373	RGB 165 131 115	#A58373
66.7%	66.7% #A07765	RGB 160 119 101	#A07765
83.3%	83.3% #9B6C58	RGB 155 108 88	#9B6C58
100.0%	100.0% #96624C	RGB 150 98 76	#96624C

#B5A8A2 #AF9B91 #AA8F82 #A58373 #A07765 #9B6C58 #96624C

#B5A8A2 - #A58373 - #96624C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5A8A2 0%, #A58373 50%, #96624C 100%);
    background: -webkit-linear-gradient(top, #B5A8A2 0%, #A58373 50%, #96624C 100%);
    background: linear-gradient(to bottom, #B5A8A2 0%, #A58373 50%, #96624C 100%);
}
</style>