#956C40 - #F8B05B | 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 #956C40 to #F8B05B

#956C40 #F8B05B

Calculate the color between two colors, #956C40 and #F8B05B. 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)

#956C40 - #F8B05B | 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 #956C40 as 0% and #F8B05B as 100%.

0.0%	0.0% #956C40	RGB 149 108 64	#956C40
16.7%	16.7% #A57744	RGB 165 119 68	#A57744
33.3%	33.3% #B68249	RGB 182 130 73	#B68249
50.0%	50.0% #C68E4D	RGB 198 142 77	#C68E4D
66.7%	66.7% #D79952	RGB 215 153 82	#D79952
83.3%	83.3% #E7A456	RGB 231 164 86	#E7A456
100.0%	100.0% #F8B05B	RGB 248 176 91	#F8B05B

#956C40 #A57744 #B68249 #C68E4D #D79952 #E7A456 #F8B05B

#956C40 - #F8B05B

HSV Blend

#956C40 - #F8B05B | 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 #956C40 as 0% and #F8B05B as 100%.

0.0%	0.0% #956C40	RGB 149 108 64	#956C40
16.7%	16.7% #A57745	RGB 165 119 69	#A57745
33.3%	33.3% #B6824A	RGB 182 130 74	#B6824A
50.0%	50.0% #C68E4F	RGB 198 142 79	#C68E4F
66.7%	66.7% #D79953	RGB 215 153 83	#D79953
83.3%	83.3% #E7A457	RGB 231 164 87	#E7A457
100.0%	100.0% #F8B05B	RGB 248 176 91	#F8B05B

#956C40 #A57745 #B6824A #C68E4F #D79953 #E7A457 #F8B05B

#956C40 - #C68E4F - #F8B05B

CSS codes

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

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