#C8C882 - #9F9533 | 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 #C8C882 to #9F9533

#C8C882 #9F9533

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

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

0.0%	0.0% #C8C882	RGB 200 200 130	#C8C882
16.7%	16.7% #C1BF74	RGB 193 191 116	#C1BF74
33.3%	33.3% #BAB767	RGB 186 183 103	#BAB767
50.0%	50.0% #B3AE5A	RGB 179 174 90	#B3AE5A
66.7%	66.7% #ACA64D	RGB 172 166 77	#ACA64D
83.3%	83.3% #A59D40	RGB 165 157 64	#A59D40
100.0%	100.0% #9F9533	RGB 159 149 51	#9F9533

#C8C882 #C1BF74 #BAB767 #B3AE5A #ACA64D #A59D40 #9F9533

#C8C882 - #9F9533

HSV Blend

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

0.0%	0.0% #C8C882	RGB 200 200 130	#C8C882
16.7%	16.7% #C1BF72	RGB 193 191 114	#C1BF72
33.3%	33.3% #BAB764	RGB 186 183 100	#BAB764
50.0%	50.0% #B3AF57	RGB 179 175 87	#B3AF57
66.7%	66.7% #ACA64A	RGB 172 166 74	#ACA64A
83.3%	83.3% #A59D3E	RGB 165 157 62	#A59D3E
100.0%	100.0% #9F9533	RGB 159 149 51	#9F9533

#C8C882 #C1BF72 #BAB764 #B3AF57 #ACA64A #A59D3E #9F9533

#C8C882 - #B3AF57 - #9F9533

CSS codes

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

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