#CA9E5E - #A35E1B | 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 #CA9E5E to #A35E1B

#CA9E5E #A35E1B

Calculate the color between two colors, #CA9E5E and #A35E1B. 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)

#CA9E5E - #A35E1B | 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 #CA9E5E as 0% and #A35E1B as 100%.

0.0%	0.0% #CA9E5E	RGB 202 158 94	#CA9E5E
16.7%	16.7% #C39352	RGB 195 147 82	#C39352
33.3%	33.3% #BD8847	RGB 189 136 71	#BD8847
50.0%	50.0% #B67E3C	RGB 182 126 60	#B67E3C
66.7%	66.7% #B07331	RGB 176 115 49	#B07331
83.3%	83.3% #A96826	RGB 169 104 38	#A96826
100.0%	100.0% #A35E1B	RGB 163 94 27	#A35E1B

#CA9E5E #C39352 #BD8847 #B67E3C #B07331 #A96826 #A35E1B

#CA9E5E - #A35E1B

HSV Blend

#CA9E5E - #A35E1B | 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 #CA9E5E as 0% and #A35E1B as 100%.

0.0%	0.0% #CA9E5E	RGB 202 158 94	#CA9E5E
16.7%	16.7% #C39351	RGB 195 147 81	#C39351
33.3%	33.3% #BD8845	RGB 189 136 69	#BD8845
50.0%	50.0% #B67D39	RGB 182 125 57	#B67D39
66.7%	66.7% #B0722E	RGB 176 114 46	#B0722E
83.3%	83.3% #A96824	RGB 169 104 36	#A96824
100.0%	100.0% #A35E1B	RGB 163 94 27	#A35E1B

#CA9E5E #C39351 #BD8845 #B67D39 #B0722E #A96824 #A35E1B

#CA9E5E - #B67D39 - #A35E1B

CSS codes

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

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