#CABA8C - #A57E3A | 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 #CABA8C to #A57E3A

#CABA8C #A57E3A

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

#CABA8C - #A57E3A | 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 #CABA8C as 0% and #A57E3A as 100%.

0.0%	0.0% #CABA8C	RGB 202 186 140	#CABA8C
16.7%	16.7% #C3B07E	RGB 195 176 126	#C3B07E
33.3%	33.3% #BDA670	RGB 189 166 112	#BDA670
50.0%	50.0% #B79C63	RGB 183 156 99	#B79C63
66.7%	66.7% #B19255	RGB 177 146 85	#B19255
83.3%	83.3% #AB8847	RGB 171 136 71	#AB8847
100.0%	100.0% #A57E3A	RGB 165 126 58	#A57E3A

#CABA8C #C3B07E #BDA670 #B79C63 #B19255 #AB8847 #A57E3A

#CABA8C - #A57E3A

HSV Blend

#CABA8C - #A57E3A | 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 #CABA8C as 0% and #A57E3A as 100%.

0.0%	0.0% #CABA8C	RGB 202 186 140	#CABA8C
16.7%	16.7% #C3B07C	RGB 195 176 124	#C3B07C
33.3%	33.3% #BDA66D	RGB 189 166 109	#BDA66D
50.0%	50.0% #B79C5F	RGB 183 156 95	#B79C5F
66.7%	66.7% #B19252	RGB 177 146 82	#B19252
83.3%	83.3% #AB8845	RGB 171 136 69	#AB8845
100.0%	100.0% #A57E3A	RGB 165 126 58	#A57E3A

#CABA8C #C3B07C #BDA66D #B79C5F #B19252 #AB8845 #A57E3A

#CABA8C - #B79C5F - #A57E3A

CSS codes

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

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