#BC6B3E - #FEB356 | 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 #BC6B3E to #FEB356

#BC6B3E #FEB356

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

#BC6B3E - #FEB356 | 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 #BC6B3E as 0% and #FEB356 as 100%.

0.0%	0.0% #BC6B3E	RGB 188 107 62	#BC6B3E
16.7%	16.7% #C77742	RGB 199 119 66	#C77742
33.3%	33.3% #D28346	RGB 210 131 70	#D28346
50.0%	50.0% #DD8F4A	RGB 221 143 74	#DD8F4A
66.7%	66.7% #E89B4E	RGB 232 155 78	#E89B4E
83.3%	83.3% #F3A752	RGB 243 167 82	#F3A752
100.0%	100.0% #FEB356	RGB 254 179 86	#FEB356

#BC6B3E #C77742 #D28346 #DD8F4A #E89B4E #F3A752 #FEB356

#BC6B3E - #FEB356

HSV Blend

#BC6B3E - #FEB356 | 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 #BC6B3E as 0% and #FEB356 as 100%.

0.0%	0.0% #BC6B3E	RGB 188 107 62	#BC6B3E
16.7%	16.7% #C77541	RGB 199 117 65	#C77541
33.3%	33.3% #D28145	RGB 210 129 69	#D28145
50.0%	50.0% #DD8C49	RGB 221 140 73	#DD8C49
66.7%	66.7% #E8994D	RGB 232 153 77	#E8994D
83.3%	83.3% #F3A551	RGB 243 165 81	#F3A551
100.0%	100.0% #FEB356	RGB 254 179 86	#FEB356

#BC6B3E #C77541 #D28145 #DD8C49 #E8994D #F3A551 #FEB356

#BC6B3E - #DD8C49 - #FEB356

CSS codes

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

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