#C8C58D - #9F903B | 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 #C8C58D to #9F903B

#C8C58D #9F903B

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

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

0.0%	0.0% #C8C58D	RGB 200 197 141	#C8C58D
16.7%	16.7% #C1BC7F	RGB 193 188 127	#C1BC7F
33.3%	33.3% #BAB371	RGB 186 179 113	#BAB371
50.0%	50.0% #B3AA64	RGB 179 170 100	#B3AA64
66.7%	66.7% #ACA156	RGB 172 161 86	#ACA156
83.3%	83.3% #A59848	RGB 165 152 72	#A59848
100.0%	100.0% #9F903B	RGB 159 144 59	#9F903B

#C8C58D #C1BC7F #BAB371 #B3AA64 #ACA156 #A59848 #9F903B

#C8C58D - #9F903B

HSV Blend

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

0.0%	0.0% #C8C58D	RGB 200 197 141	#C8C58D
16.7%	16.7% #C1BC7D	RGB 193 188 125	#C1BC7D
33.3%	33.3% #BAB36E	RGB 186 179 110	#BAB36E
50.0%	50.0% #B3AB60	RGB 179 171 96	#B3AB60
66.7%	66.7% #ACA253	RGB 172 162 83	#ACA253
83.3%	83.3% #A59946	RGB 165 153 70	#A59946
100.0%	100.0% #9F903B	RGB 159 144 59	#9F903B

#C8C58D #C1BC7D #BAB36E #B3AB60 #ACA253 #A59946 #9F903B

#C8C58D - #B3AB60 - #9F903B

CSS codes

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

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