#76875E - #B9A8C5 | 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 #76875E to #B9A8C5

#76875E #B9A8C5

Calculate the color between two colors, #76875E and #B9A8C5. 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)

#76875E - #B9A8C5 | 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 #76875E as 0% and #B9A8C5 as 100%.

0.0%	0.0% #76875E	RGB 118 135 94	#76875E
16.7%	16.7% #818C6F	RGB 129 140 111	#818C6F
33.3%	33.3% #8C9280	RGB 140 146 128	#8C9280
50.0%	50.0% #979791	RGB 151 151 145	#979791
66.7%	66.7% #A29DA2	RGB 162 157 162	#A29DA2
83.3%	83.3% #ADA2B3	RGB 173 162 179	#ADA2B3
100.0%	100.0% #B9A8C5	RGB 185 168 197	#B9A8C5

#76875E #818C6F #8C9280 #979791 #A29DA2 #ADA2B3 #B9A8C5

#76875E - #B9A8C5

HSV Blend

#76875E - #B9A8C5 | 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 #76875E as 0% and #B9A8C5 as 100%.

0.0%	0.0% #76875E	RGB 118 135 94	#76875E
16.7%	16.7% #918F68	RGB 145 143 104	#918F68
33.3%	33.3% #9B8674	RGB 155 134 116	#9B8674
50.0%	50.0% #A68080	RGB 166 128 128	#A68080
66.7%	66.7% #B08D9D	RGB 176 141 157	#B08D9D
83.3%	83.3% #BA9AB8	RGB 186 154 184	#BA9AB8
100.0%	100.0% #B9A8C5	RGB 185 168 197	#B9A8C5

#76875E #918F68 #9B8674 #A68080 #B08D9D #BA9AB8 #B9A8C5

#76875E - #A68080 - #B9A8C5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #76875E 0%, #A68080 50%, #B9A8C5 100%);
    background: -webkit-linear-gradient(top, #76875E 0%, #A68080 50%, #B9A8C5 100%);
    background: linear-gradient(to bottom, #76875E 0%, #A68080 50%, #B9A8C5 100%);
}
</style>