#EFBD9C - #BC693E | 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 #EFBD9C to #BC693E

#EFBD9C #BC693E

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

#EFBD9C - #BC693E | 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 #EFBD9C as 0% and #BC693E as 100%.

0.0%	0.0% #EFBD9C	RGB 239 189 156	#EFBD9C
16.7%	16.7% #E6AF8C	RGB 230 175 140	#E6AF8C
33.3%	33.3% #DEA17C	RGB 222 161 124	#DEA17C
50.0%	50.0% #D5936D	RGB 213 147 109	#D5936D
66.7%	66.7% #CD855D	RGB 205 133 93	#CD855D
83.3%	83.3% #C4774D	RGB 196 119 77	#C4774D
100.0%	100.0% #BC693E	RGB 188 105 62	#BC693E

#EFBD9C #E6AF8C #DEA17C #D5936D #CD855D #C4774D #BC693E

#EFBD9C - #BC693E

HSV Blend

#EFBD9C - #BC693E | 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 #EFBD9C as 0% and #BC693E as 100%.

0.0%	0.0% #EFBD9C	RGB 239 189 156	#EFBD9C
16.7%	16.7% #E6AD8A	RGB 230 173 138	#E6AD8A
33.3%	33.3% #DE9F79	RGB 222 159 121	#DE9F79
50.0%	50.0% #D59168	RGB 213 145 104	#D59168
66.7%	66.7% #CD8359	RGB 205 131 89	#CD8359
83.3%	83.3% #C4754B	RGB 196 117 75	#C4754B
100.0%	100.0% #BC693E	RGB 188 105 62	#BC693E

#EFBD9C #E6AD8A #DE9F79 #D59168 #CD8359 #C4754B #BC693E

#EFBD9C - #D59168 - #BC693E

CSS codes

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

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