#CAAC8C - #A86A39 | 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 #CAAC8C to #A86A39

#CAAC8C #A86A39

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

#CAAC8C - #A86A39 | 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 #CAAC8C as 0% and #A86A39 as 100%.

0.0%	0.0% #CAAC8C	RGB 202 172 140	#CAAC8C
16.7%	16.7% #C4A17E	RGB 196 161 126	#C4A17E
33.3%	33.3% #BE9670	RGB 190 150 112	#BE9670
50.0%	50.0% #B98B62	RGB 185 139 98	#B98B62
66.7%	66.7% #B38054	RGB 179 128 84	#B38054
83.3%	83.3% #AD7546	RGB 173 117 70	#AD7546
100.0%	100.0% #A86A39	RGB 168 106 57	#A86A39

#CAAC8C #C4A17E #BE9670 #B98B62 #B38054 #AD7546 #A86A39

#CAAC8C - #A86A39

HSV Blend

#CAAC8C - #A86A39 | 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 #CAAC8C as 0% and #A86A39 as 100%.

0.0%	0.0% #CAAC8C	RGB 202 172 140	#CAAC8C
16.7%	16.7% #C4A07C	RGB 196 160 124	#C4A07C
33.3%	33.3% #BE956D	RGB 190 149 109	#BE956D
50.0%	50.0% #B98A5F	RGB 185 138 95	#B98A5F
66.7%	66.7% #B37F51	RGB 179 127 81	#B37F51
83.3%	83.3% #AD7445	RGB 173 116 69	#AD7445
100.0%	100.0% #A86A39	RGB 168 106 57	#A86A39

#CAAC8C #C4A07C #BE956D #B98A5F #B37F51 #AD7445 #A86A39

#CAAC8C - #B98A5F - #A86A39

CSS codes

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

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