#C8BA5E - #9F801C | 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 #C8BA5E to #9F801C

#C8BA5E #9F801C

Calculate the color between two colors, #C8BA5E and #9F801C. 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)

#C8BA5E - #9F801C | 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 #C8BA5E as 0% and #9F801C as 100%.

0.0%	0.0% #C8BA5E	RGB 200 186 94	#C8BA5E
16.7%	16.7% #C1B053	RGB 193 176 83	#C1B053
33.3%	33.3% #BAA648	RGB 186 166 72	#BAA648
50.0%	50.0% #B39D3D	RGB 179 157 61	#B39D3D
66.7%	66.7% #AC9332	RGB 172 147 50	#AC9332
83.3%	83.3% #A58927	RGB 165 137 39	#A58927
100.0%	100.0% #9F801C	RGB 159 128 28	#9F801C

#C8BA5E #C1B053 #BAA648 #B39D3D #AC9332 #A58927 #9F801C

#C8BA5E - #9F801C

HSV Blend

#C8BA5E - #9F801C | 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 #C8BA5E as 0% and #9F801C as 100%.

0.0%	0.0% #C8BA5E	RGB 200 186 94	#C8BA5E
16.7%	16.7% #C1B051	RGB 193 176 81	#C1B051
33.3%	33.3% #BAA645	RGB 186 166 69	#BAA645
50.0%	50.0% #B39D39	RGB 179 157 57	#B39D39
66.7%	66.7% #AC932F	RGB 172 147 47	#AC932F
83.3%	83.3% #A58925	RGB 165 137 37	#A58925
100.0%	100.0% #9F801C	RGB 159 128 28	#9F801C

#C8BA5E #C1B051 #BAA645 #B39D39 #AC932F #A58925 #9F801C

#C8BA5E - #B39D39 - #9F801C

CSS codes

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

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