#B6702D - #FEB344 | 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 #B6702D to #FEB344

#B6702D #FEB344

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

#B6702D - #FEB344 | 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 #B6702D as 0% and #FEB344 as 100%.

0.0%	0.0% #B6702D	RGB 182 112 45	#B6702D
16.7%	16.7% #C27B30	RGB 194 123 48	#C27B30
33.3%	33.3% #CE8634	RGB 206 134 52	#CE8634
50.0%	50.0% #DA9138	RGB 218 145 56	#DA9138
66.7%	66.7% #E69C3C	RGB 230 156 60	#E69C3C
83.3%	83.3% #F2A740	RGB 242 167 64	#F2A740
100.0%	100.0% #FEB344	RGB 254 179 68	#FEB344

#B6702D #C27B30 #CE8634 #DA9138 #E69C3C #F2A740 #FEB344

#B6702D - #FEB344

HSV Blend

#B6702D - #FEB344 | 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 #B6702D as 0% and #FEB344 as 100%.

0.0%	0.0% #B6702D	RGB 182 112 45	#B6702D
16.7%	16.7% #C27A30	RGB 194 122 48	#C27A30
33.3%	33.3% #CE8534	RGB 206 133 52	#CE8534
50.0%	50.0% #DA9038	RGB 218 144 56	#DA9038
66.7%	66.7% #E69B3C	RGB 230 155 60	#E69B3C
83.3%	83.3% #F2A73F	RGB 242 167 63	#F2A73F
100.0%	100.0% #FEB344	RGB 254 179 68	#FEB344

#B6702D #C27A30 #CE8534 #DA9038 #E69B3C #F2A73F #FEB344

#B6702D - #DA9038 - #FEB344

CSS codes

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

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