#925B49 - #EFBA5E | 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 #925B49 to #EFBA5E

#925B49 #EFBA5E

Calculate the color between two colors, #925B49 and #EFBA5E. 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)

#925B49 - #EFBA5E | 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 #925B49 as 0% and #EFBA5E as 100%.

0.0%	0.0% #925B49	RGB 146 91 73	#925B49
16.7%	16.7% #A16A4C	RGB 161 106 76	#A16A4C
33.3%	33.3% #B17A50	RGB 177 122 80	#B17A50
50.0%	50.0% #C08A53	RGB 192 138 83	#C08A53
66.7%	66.7% #D09A57	RGB 208 154 87	#D09A57
83.3%	83.3% #DFAA5A	RGB 223 170 90	#DFAA5A
100.0%	100.0% #EFBA5E	RGB 239 186 94	#EFBA5E

#925B49 #A16A4C #B17A50 #C08A53 #D09A57 #DFAA5A #EFBA5E

#925B49 - #EFBA5E

HSV Blend

#925B49 - #EFBA5E | 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 #925B49 as 0% and #EFBA5E as 100%.

0.0%	0.0% #925B49	RGB 146 91 73	#925B49
16.7%	16.7% #A1674D	RGB 161 103 77	#A1674D
33.3%	33.3% #B17552	RGB 177 117 82	#B17552
50.0%	50.0% #C08455	RGB 192 132 85	#C08455
66.7%	66.7% #D09559	RGB 208 149 89	#D09559
83.3%	83.3% #DFA65B	RGB 223 166 91	#DFA65B
100.0%	100.0% #EFBA5E	RGB 239 186 94	#EFBA5E

#925B49 #A1674D #B17552 #C08455 #D09559 #DFA65B #EFBA5E

#925B49 - #C08455 - #EFBA5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #925B49 0%, #C08455 50%, #EFBA5E 100%);
    background: -webkit-linear-gradient(top, #925B49 0%, #C08455 50%, #EFBA5E 100%);
    background: linear-gradient(to bottom, #925B49 0%, #C08455 50%, #EFBA5E 100%);
}
</style>