#B5B693 - #777D3E | 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 #B5B693 to #777D3E

#B5B693 #777D3E

Calculate the color between two colors, #B5B693 and #777D3E. 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)

#B5B693 - #777D3E | 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 #B5B693 as 0% and #777D3E as 100%.

0.0%	0.0% #B5B693	RGB 181 182 147	#B5B693
16.7%	16.7% #AAAC84	RGB 170 172 132	#AAAC84
33.3%	33.3% #A0A376	RGB 160 163 118	#A0A376
50.0%	50.0% #969968	RGB 150 153 104	#969968
66.7%	66.7% #8B905A	RGB 139 144 90	#8B905A
83.3%	83.3% #81864C	RGB 129 134 76	#81864C
100.0%	100.0% #777D3E	RGB 119 125 62	#777D3E

#B5B693 #AAAC84 #A0A376 #969968 #8B905A #81864C #777D3E

#B5B693 - #777D3E

HSV Blend

#B5B693 - #777D3E | 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 #B5B693 as 0% and #777D3E as 100%.

0.0%	0.0% #B5B693	RGB 181 182 147	#B5B693
16.7%	16.7% #AAAC82	RGB 170 172 130	#AAAC82
33.3%	33.3% #A0A372	RGB 160 163 114	#A0A372
50.0%	50.0% #969964	RGB 150 153 100	#969964
66.7%	66.7% #8B9056	RGB 139 144 86	#8B9056
83.3%	83.3% #818649	RGB 129 134 73	#818649
100.0%	100.0% #777D3E	RGB 119 125 62	#777D3E

#B5B693 #AAAC82 #A0A372 #969964 #8B9056 #818649 #777D3E

#B5B693 - #969964 - #777D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5B693 0%, #969964 50%, #777D3E 100%);
    background: -webkit-linear-gradient(top, #B5B693 0%, #969964 50%, #777D3E 100%);
    background: linear-gradient(to bottom, #B5B693 0%, #969964 50%, #777D3E 100%);
}
</style>