#B67C5E - #FFC37C | 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 #B67C5E to #FFC37C

#B67C5E #FFC37C

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

#B67C5E - #FFC37C | 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 #B67C5E as 0% and #FFC37C as 100%.

0.0%	0.0% #B67C5E	RGB 182 124 94	#B67C5E
16.7%	16.7% #C28763	RGB 194 135 99	#C28763
33.3%	33.3% #CE9368	RGB 206 147 104	#CE9368
50.0%	50.0% #DA9F6D	RGB 218 159 109	#DA9F6D
66.7%	66.7% #E6AB72	RGB 230 171 114	#E6AB72
83.3%	83.3% #F2B777	RGB 242 183 119	#F2B777
100.0%	100.0% #FFC37C	RGB 255 195 124	#FFC37C

#B67C5E #C28763 #CE9368 #DA9F6D #E6AB72 #F2B777 #FFC37C

#B67C5E - #FFC37C

HSV Blend

#B67C5E - #FFC37C | 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 #B67C5E as 0% and #FFC37C as 100%.

0.0%	0.0% #B67C5E	RGB 182 124 94	#B67C5E
16.7%	16.7% #C28663	RGB 194 134 99	#C28663
33.3%	33.3% #CE9268	RGB 206 146 104	#CE9268
50.0%	50.0% #DA9D6D	RGB 218 157 109	#DA9D6D
66.7%	66.7% #E6A972	RGB 230 169 114	#E6A972
83.3%	83.3% #F2B677	RGB 242 182 119	#F2B677
100.0%	100.0% #FFC37C	RGB 255 195 124	#FFC37C

#B67C5E #C28663 #CE9268 #DA9D6D #E6A972 #F2B677 #FFC37C

#B67C5E - #DA9D6D - #FFC37C

CSS codes

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

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