#C8C831 - #9A8D0E | 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 #C8C831 to #9A8D0E

#C8C831 #9A8D0E

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

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

0.0%	0.0% #C8C831	RGB 200 200 49	#C8C831
16.7%	16.7% #C0BE2B	RGB 192 190 43	#C0BE2B
33.3%	33.3% #B8B425	RGB 184 180 37	#B8B425
50.0%	50.0% #B1AA1F	RGB 177 170 31	#B1AA1F
66.7%	66.7% #A9A019	RGB 169 160 25	#A9A019
83.3%	83.3% #A19613	RGB 161 150 19	#A19613
100.0%	100.0% #9A8D0E	RGB 154 141 14	#9A8D0E

#C8C831 #C0BE2B #B8B425 #B1AA1F #A9A019 #A19613 #9A8D0E

#C8C831 - #9A8D0E

HSV Blend

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

0.0%	0.0% #C8C831	RGB 200 200 49	#C8C831
16.7%	16.7% #C0BE2A	RGB 192 190 42	#C0BE2A
33.3%	33.3% #B8B423	RGB 184 180 35	#B8B423
50.0%	50.0% #B1AA1D	RGB 177 170 29	#B1AA1D
66.7%	66.7% #A9A018	RGB 169 160 24	#A9A018
83.3%	83.3% #A19612	RGB 161 150 18	#A19612
100.0%	100.0% #9A8D0E	RGB 154 141 14	#9A8D0E

#C8C831 #C0BE2A #B8B423 #B1AA1D #A9A018 #A19612 #9A8D0E

#C8C831 - #B1AA1D - #9A8D0E

CSS codes

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

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