#CA9F5E - #A35F1B | 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 #CA9F5E to #A35F1B

#CA9F5E #A35F1B

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

#CA9F5E - #A35F1B | 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 #CA9F5E as 0% and #A35F1B as 100%.

0.0%	0.0% #CA9F5E	RGB 202 159 94	#CA9F5E
16.7%	16.7% #C39452	RGB 195 148 82	#C39452
33.3%	33.3% #BD8947	RGB 189 137 71	#BD8947
50.0%	50.0% #B67F3C	RGB 182 127 60	#B67F3C
66.7%	66.7% #B07431	RGB 176 116 49	#B07431
83.3%	83.3% #A96926	RGB 169 105 38	#A96926
100.0%	100.0% #A35F1B	RGB 163 95 27	#A35F1B

#CA9F5E #C39452 #BD8947 #B67F3C #B07431 #A96926 #A35F1B

#CA9F5E - #A35F1B

HSV Blend

#CA9F5E - #A35F1B | 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 #CA9F5E as 0% and #A35F1B as 100%.

0.0%	0.0% #CA9F5E	RGB 202 159 94	#CA9F5E
16.7%	16.7% #C39451	RGB 195 148 81	#C39451
33.3%	33.3% #BD8945	RGB 189 137 69	#BD8945
50.0%	50.0% #B67E39	RGB 182 126 57	#B67E39
66.7%	66.7% #B0732E	RGB 176 115 46	#B0732E
83.3%	83.3% #A96924	RGB 169 105 36	#A96924
100.0%	100.0% #A35F1B	RGB 163 95 27	#A35F1B

#CA9F5E #C39451 #BD8945 #B67E39 #B0732E #A96924 #A35F1B

#CA9F5E - #B67E39 - #A35F1B

CSS codes

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

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