#C0C15C - #83891A | 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 #C0C15C to #83891A

#C0C15C #83891A

Calculate the color between two colors, #C0C15C and #83891A. 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)

#C0C15C - #83891A | 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 #C0C15C as 0% and #83891A as 100%.

0.0%	0.0% #C0C15C	RGB 192 193 92	#C0C15C
16.7%	16.7% #B5B751	RGB 181 183 81	#B5B751
33.3%	33.3% #ABAE46	RGB 171 174 70	#ABAE46
50.0%	50.0% #A1A53B	RGB 161 165 59	#A1A53B
66.7%	66.7% #979B30	RGB 151 155 48	#979B30
83.3%	83.3% #8D9225	RGB 141 146 37	#8D9225
100.0%	100.0% #83891A	RGB 131 137 26	#83891A

#C0C15C #B5B751 #ABAE46 #A1A53B #979B30 #8D9225 #83891A

#C0C15C - #83891A

HSV Blend

#C0C15C - #83891A | 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 #C0C15C as 0% and #83891A as 100%.

0.0%	0.0% #C0C15C	RGB 192 193 92	#C0C15C
16.7%	16.7% #B5B74E	RGB 181 183 78	#B5B74E
33.3%	33.3% #ABAE42	RGB 171 174 66	#ABAE42
50.0%	50.0% #A1A536	RGB 161 165 54	#A1A536
66.7%	66.7% #979B2C	RGB 151 155 44	#979B2C
83.3%	83.3% #8D9222	RGB 141 146 34	#8D9222
100.0%	100.0% #83891A	RGB 131 137 26	#83891A

#C0C15C #B5B74E #ABAE42 #A1A536 #979B2C #8D9222 #83891A

#C0C15C - #A1A536 - #83891A

CSS codes

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

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