#EFBF9C - #BC6A3E | 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 #EFBF9C to #BC6A3E

#EFBF9C #BC6A3E

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

#EFBF9C - #BC6A3E | 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 #EFBF9C as 0% and #BC6A3E as 100%.

0.0%	0.0% #EFBF9C	RGB 239 191 156	#EFBF9C
16.7%	16.7% #E6B08C	RGB 230 176 140	#E6B08C
33.3%	33.3% #DEA27C	RGB 222 162 124	#DEA27C
50.0%	50.0% #D5946D	RGB 213 148 109	#D5946D
66.7%	66.7% #CD865D	RGB 205 134 93	#CD865D
83.3%	83.3% #C4784D	RGB 196 120 77	#C4784D
100.0%	100.0% #BC6A3E	RGB 188 106 62	#BC6A3E

#EFBF9C #E6B08C #DEA27C #D5946D #CD865D #C4784D #BC6A3E

#EFBF9C - #BC6A3E

HSV Blend

#EFBF9C - #BC6A3E | 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 #EFBF9C as 0% and #BC6A3E as 100%.

0.0%	0.0% #EFBF9C	RGB 239 191 156	#EFBF9C
16.7%	16.7% #E6AF8A	RGB 230 175 138	#E6AF8A
33.3%	33.3% #DEA179	RGB 222 161 121	#DEA179
50.0%	50.0% #D59268	RGB 213 146 104	#D59268
66.7%	66.7% #CD8459	RGB 205 132 89	#CD8459
83.3%	83.3% #C4774B	RGB 196 119 75	#C4774B
100.0%	100.0% #BC6A3E	RGB 188 106 62	#BC6A3E

#EFBF9C #E6AF8A #DEA179 #D59268 #CD8459 #C4774B #BC6A3E

#EFBF9C - #D59268 - #BC6A3E

CSS codes

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

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