#766B41 - #EEB05E | 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 #766B41 to #EEB05E

#766B41 #EEB05E

Calculate the color between two colors, #766B41 and #EEB05E. 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)

#766B41 - #EEB05E | 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 #766B41 as 0% and #EEB05E as 100%.

0.0%	0.0% #766B41	RGB 118 107 65	#766B41
16.7%	16.7% #8A7645	RGB 138 118 69	#8A7645
33.3%	33.3% #9E824A	RGB 158 130 74	#9E824A
50.0%	50.0% #B28D4F	RGB 178 141 79	#B28D4F
66.7%	66.7% #C69954	RGB 198 153 84	#C69954
83.3%	83.3% #DAA459	RGB 218 164 89	#DAA459
100.0%	100.0% #EEB05E	RGB 238 176 94	#EEB05E

#766B41 #8A7645 #9E824A #B28D4F #C69954 #DAA459 #EEB05E

#766B41 - #EEB05E

HSV Blend

#766B41 - #EEB05E | 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 #766B41 as 0% and #EEB05E as 100%.

0.0%	0.0% #766B41	RGB 118 107 65	#766B41
16.7%	16.7% #8A7948	RGB 138 121 72	#8A7948
33.3%	33.3% #9E874E	RGB 158 135 78	#9E874E
50.0%	50.0% #B29454	RGB 178 148 84	#B29454
66.7%	66.7% #C69E58	RGB 198 158 88	#C69E58
83.3%	83.3% #DAA85B	RGB 218 168 91	#DAA85B
100.0%	100.0% #EEB05E	RGB 238 176 94	#EEB05E

#766B41 #8A7948 #9E874E #B29454 #C69E58 #DAA85B #EEB05E

#766B41 - #B29454 - #EEB05E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #766B41 0%, #B29454 50%, #EEB05E 100%);
    background: -webkit-linear-gradient(top, #766B41 0%, #B29454 50%, #EEB05E 100%);
    background: linear-gradient(to bottom, #766B41 0%, #B29454 50%, #EEB05E 100%);
}
</style>