#8C8C2B - #FFC849 | 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 #8C8C2B to #FFC849

#8C8C2B #FFC849

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

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

0.0%	0.0% #8C8C2B	RGB 140 140 43	#8C8C2B
16.7%	16.7% #9F9630	RGB 159 150 48	#9F9630
33.3%	33.3% #B2A035	RGB 178 160 53	#B2A035
50.0%	50.0% #C5AA3A	RGB 197 170 58	#C5AA3A
66.7%	66.7% #D8B43F	RGB 216 180 63	#D8B43F
83.3%	83.3% #EBBE44	RGB 235 190 68	#EBBE44
100.0%	100.0% #FFC849	RGB 255 200 73	#FFC849

#8C8C2B #9F9630 #B2A035 #C5AA3A #D8B43F #EBBE44 #FFC849

#8C8C2B - #FFC849

HSV Blend

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

0.0%	0.0% #8C8C2B	RGB 140 140 43	#8C8C2B
16.7%	16.7% #9F9930	RGB 159 153 48	#9F9930
33.3%	33.3% #B2A535	RGB 178 165 53	#B2A535
50.0%	50.0% #C5B03A	RGB 197 176 58	#C5B03A
66.7%	66.7% #D8B93F	RGB 216 185 63	#D8B93F
83.3%	83.3% #EBC144	RGB 235 193 68	#EBC144
100.0%	100.0% #FFC849	RGB 255 200 73	#FFC849

#8C8C2B #9F9930 #B2A535 #C5B03A #D8B93F #EBC144 #FFC849

#8C8C2B - #C5B03A - #FFC849

CSS codes

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

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