#746F5E - #EBB67C | 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 #746F5E to #EBB67C

#746F5E #EBB67C

Calculate the color between two colors, #746F5E and #EBB67C. 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)

#746F5E - #EBB67C | 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 #746F5E as 0% and #EBB67C as 100%.

0.0%	0.0% #746F5E	RGB 116 111 94	#746F5E
16.7%	16.7% #877A63	RGB 135 122 99	#877A63
33.3%	33.3% #9B8668	RGB 155 134 104	#9B8668
50.0%	50.0% #AF926D	RGB 175 146 109	#AF926D
66.7%	66.7% #C39E72	RGB 195 158 114	#C39E72
83.3%	83.3% #D7AA77	RGB 215 170 119	#D7AA77
100.0%	100.0% #EBB67C	RGB 235 182 124	#EBB67C

#746F5E #877A63 #9B8668 #AF926D #C39E72 #D7AA77 #EBB67C

#746F5E - #EBB67C

HSV Blend

#746F5E - #EBB67C | 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 #746F5E as 0% and #EBB67C as 100%.

0.0%	0.0% #746F5E	RGB 116 111 94	#746F5E
16.7%	16.7% #877F67	RGB 135 127 103	#877F67
33.3%	33.3% #9B8D6F	RGB 155 141 111	#9B8D6F
50.0%	50.0% #AF9B75	RGB 175 155 117	#AF9B75
66.7%	66.7% #C3A679	RGB 195 166 121	#C3A679
83.3%	83.3% #D7AF7B	RGB 215 175 123	#D7AF7B
100.0%	100.0% #EBB67C	RGB 235 182 124	#EBB67C

#746F5E #877F67 #9B8D6F #AF9B75 #C3A679 #D7AF7B #EBB67C

#746F5E - #AF9B75 - #EBB67C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #746F5E 0%, #AF9B75 50%, #EBB67C 100%);
    background: -webkit-linear-gradient(top, #746F5E 0%, #AF9B75 50%, #EBB67C 100%);
    background: linear-gradient(to bottom, #746F5E 0%, #AF9B75 50%, #EBB67C 100%);
}
</style>