#CAAF5E - #39321A | 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 #CAAF5E to #39321A

#CAAF5E #39321A

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

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

0.0%	0.0% #CAAF5E	RGB 202 175 94	#CAAF5E
16.7%	16.7% #B19A52	RGB 177 154 82	#B19A52
33.3%	33.3% #998547	RGB 153 133 71	#998547
50.0%	50.0% #81703C	RGB 129 112 60	#81703C
66.7%	66.7% #695B30	RGB 105 91 48	#695B30
83.3%	83.3% #514625	RGB 81 70 37	#514625
100.0%	100.0% #39321A	RGB 57 50 26	#39321A

#CAAF5E #B19A52 #998547 #81703C #695B30 #514625 #39321A

#CAAF5E - #39321A

HSV Blend

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

0.0%	0.0% #CAAF5E	RGB 202 175 94	#CAAF5E
16.7%	16.7% #B19A52	RGB 177 154 82	#B19A52
33.3%	33.3% #998547	RGB 153 133 71	#998547
50.0%	50.0% #81703B	RGB 129 112 59	#81703B
66.7%	66.7% #695C30	RGB 105 92 48	#695C30
83.3%	83.3% #514725	RGB 81 71 37	#514725
100.0%	100.0% #39321A	RGB 57 50 26	#39321A

#CAAF5E #B19A52 #998547 #81703B #695C30 #514725 #39321A

#CAAF5E - #81703B - #39321A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAAF5E 0%, #81703B 50%, #39321A 100%);
    background: -webkit-linear-gradient(top, #CAAF5E 0%, #81703B 50%, #39321A 100%);
    background: linear-gradient(to bottom, #CAAF5E 0%, #81703B 50%, #39321A 100%);
}
</style>