#CCC33C - #98850E | 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 #CCC33C to #98850E

#CCC33C #98850E

Calculate the color between two colors, #CCC33C and #98850E. 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)

#CCC33C - #98850E | 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 #CCC33C as 0% and #98850E as 100%.

0.0%	0.0% #CCC33C	RGB 204 195 60	#CCC33C
16.7%	16.7% #C3B834	RGB 195 184 52	#C3B834
33.3%	33.3% #BAAE2C	RGB 186 174 44	#BAAE2C
50.0%	50.0% #B2A425	RGB 178 164 37	#B2A425
66.7%	66.7% #A9991D	RGB 169 153 29	#A9991D
83.3%	83.3% #A08F15	RGB 160 143 21	#A08F15
100.0%	100.0% #98850E	RGB 152 133 14	#98850E

#CCC33C #C3B834 #BAAE2C #B2A425 #A9991D #A08F15 #98850E

#CCC33C - #98850E

HSV Blend

#CCC33C - #98850E | 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 #CCC33C as 0% and #98850E as 100%.

0.0%	0.0% #CCC33C	RGB 204 195 60	#CCC33C
16.7%	16.7% #C3B832	RGB 195 184 50	#C3B832
33.3%	33.3% #BAAE2A	RGB 186 174 42	#BAAE2A
50.0%	50.0% #B2A322	RGB 178 163 34	#B2A322
66.7%	66.7% #A9991A	RGB 169 153 26	#A9991A
83.3%	83.3% #A08F14	RGB 160 143 20	#A08F14
100.0%	100.0% #98850E	RGB 152 133 14	#98850E

#CCC33C #C3B832 #BAAE2A #B2A322 #A9991A #A08F14 #98850E

#CCC33C - #B2A322 - #98850E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCC33C 0%, #B2A322 50%, #98850E 100%);
    background: -webkit-linear-gradient(top, #CCC33C 0%, #B2A322 50%, #98850E 100%);
    background: linear-gradient(to bottom, #CCC33C 0%, #B2A322 50%, #98850E 100%);
}
</style>