#C8C595 - #9F8F42 | 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 #C8C595 to #9F8F42

#C8C595 #9F8F42

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

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

0.0%	0.0% #C8C595	RGB 200 197 149	#C8C595
16.7%	16.7% #C1BC87	RGB 193 188 135	#C1BC87
33.3%	33.3% #BAB379	RGB 186 179 121	#BAB379
50.0%	50.0% #B3AA6B	RGB 179 170 107	#B3AA6B
66.7%	66.7% #ACA15D	RGB 172 161 93	#ACA15D
83.3%	83.3% #A5984F	RGB 165 152 79	#A5984F
100.0%	100.0% #9F8F42	RGB 159 143 66	#9F8F42

#C8C595 #C1BC87 #BAB379 #B3AA6B #ACA15D #A5984F #9F8F42

#C8C595 - #9F8F42

HSV Blend

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

0.0%	0.0% #C8C595	RGB 200 197 149	#C8C595
16.7%	16.7% #C1BC85	RGB 193 188 133	#C1BC85
33.3%	33.3% #BAB376	RGB 186 179 118	#BAB376
50.0%	50.0% #B3AA68	RGB 179 170 104	#B3AA68
66.7%	66.7% #ACA15A	RGB 172 161 90	#ACA15A
83.3%	83.3% #A5984D	RGB 165 152 77	#A5984D
100.0%	100.0% #9F8F42	RGB 159 143 66	#9F8F42

#C8C595 #C1BC85 #BAB376 #B3AA68 #ACA15A #A5984D #9F8F42

#C8C595 - #B3AA68 - #9F8F42

CSS codes

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

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