#C3C07B - #998A2D | 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 #C3C07B to #998A2D

#C3C07B #998A2D

Calculate the color between two colors, #C3C07B and #998A2D. 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)

#C3C07B - #998A2D | 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 #C3C07B as 0% and #998A2D as 100%.

0.0%	0.0% #C3C07B	RGB 195 192 123	#C3C07B
16.7%	16.7% #BCB76E	RGB 188 183 110	#BCB76E
33.3%	33.3% #B5AE61	RGB 181 174 97	#B5AE61
50.0%	50.0% #AEA554	RGB 174 165 84	#AEA554
66.7%	66.7% #A79C47	RGB 167 156 71	#A79C47
83.3%	83.3% #A0933A	RGB 160 147 58	#A0933A
100.0%	100.0% #998A2D	RGB 153 138 45	#998A2D

#C3C07B #BCB76E #B5AE61 #AEA554 #A79C47 #A0933A #998A2D

#C3C07B - #998A2D

HSV Blend

#C3C07B - #998A2D | 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 #C3C07B as 0% and #998A2D as 100%.

0.0%	0.0% #C3C07B	RGB 195 192 123	#C3C07B
16.7%	16.7% #BCB76C	RGB 188 183 108	#BCB76C
33.3%	33.3% #B5AE5D	RGB 181 174 93	#B5AE5D
50.0%	50.0% #AEA550	RGB 174 165 80	#AEA550
66.7%	66.7% #A79C43	RGB 167 156 67	#A79C43
83.3%	83.3% #A09338	RGB 160 147 56	#A09338
100.0%	100.0% #998A2D	RGB 153 138 45	#998A2D

#C3C07B #BCB76C #B5AE5D #AEA550 #A79C43 #A09338 #998A2D

#C3C07B - #AEA550 - #998A2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3C07B 0%, #AEA550 50%, #998A2D 100%);
    background: -webkit-linear-gradient(top, #C3C07B 0%, #AEA550 50%, #998A2D 100%);
    background: linear-gradient(to bottom, #C3C07B 0%, #AEA550 50%, #998A2D 100%);
}
</style>