#C7AB5E - #38301A | 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 #C7AB5E to #38301A

#C7AB5E #38301A

Calculate the color between two colors, #C7AB5E and #38301A. 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)

#C7AB5E - #38301A | 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 #C7AB5E as 0% and #38301A as 100%.

0.0%	0.0% #C7AB5E	RGB 199 171 94	#C7AB5E
16.7%	16.7% #AF9652	RGB 175 150 82	#AF9652
33.3%	33.3% #978247	RGB 151 130 71	#978247
50.0%	50.0% #7F6D3C	RGB 127 109 60	#7F6D3C
66.7%	66.7% #675930	RGB 103 89 48	#675930
83.3%	83.3% #4F4425	RGB 79 68 37	#4F4425
100.0%	100.0% #38301A	RGB 56 48 26	#38301A

#C7AB5E #AF9652 #978247 #7F6D3C #675930 #4F4425 #38301A

#C7AB5E - #38301A

HSV Blend

#C7AB5E - #38301A | 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 #C7AB5E as 0% and #38301A as 100%.

0.0%	0.0% #C7AB5E	RGB 199 171 94	#C7AB5E
16.7%	16.7% #AF9652	RGB 175 150 82	#AF9652
33.3%	33.3% #978147	RGB 151 129 71	#978147
50.0%	50.0% #7F6D3B	RGB 127 109 59	#7F6D3B
66.7%	66.7% #675830	RGB 103 88 48	#675830
83.3%	83.3% #4F4425	RGB 79 68 37	#4F4425
100.0%	100.0% #38301A	RGB 56 48 26	#38301A

#C7AB5E #AF9652 #978147 #7F6D3B #675830 #4F4425 #38301A

#C7AB5E - #7F6D3B - #38301A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7AB5E 0%, #7F6D3B 50%, #38301A 100%);
    background: -webkit-linear-gradient(top, #C7AB5E 0%, #7F6D3B 50%, #38301A 100%);
    background: linear-gradient(to bottom, #C7AB5E 0%, #7F6D3B 50%, #38301A 100%);
}
</style>