#C18D2B - #8F4F0B | 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 #C18D2B to #8F4F0B

#C18D2B #8F4F0B

Calculate the color between two colors, #C18D2B and #8F4F0B. 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)

#C18D2B - #8F4F0B | 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 #C18D2B as 0% and #8F4F0B as 100%.

0.0%	0.0% #C18D2B	RGB 193 141 43	#C18D2B
16.7%	16.7% #B88225	RGB 184 130 37	#B88225
33.3%	33.3% #B07820	RGB 176 120 32	#B07820
50.0%	50.0% #A86E1B	RGB 168 110 27	#A86E1B
66.7%	66.7% #9F6315	RGB 159 99 21	#9F6315
83.3%	83.3% #975910	RGB 151 89 16	#975910
100.0%	100.0% #8F4F0B	RGB 143 79 11	#8F4F0B

#C18D2B #B88225 #B07820 #A86E1B #9F6315 #975910 #8F4F0B

#C18D2B - #8F4F0B

HSV Blend

#C18D2B - #8F4F0B | 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 #C18D2B as 0% and #8F4F0B as 100%.

0.0%	0.0% #C18D2B	RGB 193 141 43	#C18D2B
16.7%	16.7% #B88124	RGB 184 129 36	#B88124
33.3%	33.3% #B0771E	RGB 176 119 30	#B0771E
50.0%	50.0% #A86C19	RGB 168 108 25	#A86C19
66.7%	66.7% #9F6214	RGB 159 98 20	#9F6214
83.3%	83.3% #97580F	RGB 151 88 15	#97580F
100.0%	100.0% #8F4F0B	RGB 143 79 11	#8F4F0B

#C18D2B #B88124 #B0771E #A86C19 #9F6214 #97580F #8F4F0B

#C18D2B - #A86C19 - #8F4F0B

CSS codes

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

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