#B5AF4D - #887514 | 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 #B5AF4D to #887514

#B5AF4D #887514

Calculate the color between two colors, #B5AF4D and #887514. 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)

#B5AF4D - #887514 | 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 #B5AF4D as 0% and #887514 as 100%.

0.0%	0.0% #B5AF4D	RGB 181 175 77	#B5AF4D
16.7%	16.7% #ADA543	RGB 173 165 67	#ADA543
33.3%	33.3% #A69B3A	RGB 166 155 58	#A69B3A
50.0%	50.0% #9E9230	RGB 158 146 48	#9E9230
66.7%	66.7% #978827	RGB 151 136 39	#978827
83.3%	83.3% #8F7E1D	RGB 143 126 29	#8F7E1D
100.0%	100.0% #887514	RGB 136 117 20	#887514

#B5AF4D #ADA543 #A69B3A #9E9230 #978827 #8F7E1D #887514

#B5AF4D - #887514

HSV Blend

#B5AF4D - #887514 | 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 #B5AF4D as 0% and #887514 as 100%.

0.0%	0.0% #B5AF4D	RGB 181 175 77	#B5AF4D
16.7%	16.7% #ADA541	RGB 173 165 65	#ADA541
33.3%	33.3% #A69B37	RGB 166 155 55	#A69B37
50.0%	50.0% #9E912D	RGB 158 145 45	#9E912D
66.7%	66.7% #978824	RGB 151 136 36	#978824
83.3%	83.3% #8F7E1B	RGB 143 126 27	#8F7E1B
100.0%	100.0% #887514	RGB 136 117 20	#887514

#B5AF4D #ADA541 #A69B37 #9E912D #978824 #8F7E1B #887514

#B5AF4D - #9E912D - #887514

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5AF4D 0%, #9E912D 50%, #887514 100%);
    background: -webkit-linear-gradient(top, #B5AF4D 0%, #9E912D 50%, #887514 100%);
    background: linear-gradient(to bottom, #B5AF4D 0%, #9E912D 50%, #887514 100%);
}
</style>