#CFBE8C - #AB833A | 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 #CFBE8C to #AB833A

#CFBE8C #AB833A

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

#CFBE8C - #AB833A | 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 #CFBE8C as 0% and #AB833A as 100%.

0.0%	0.0% #CFBE8C	RGB 207 190 140	#CFBE8C
16.7%	16.7% #C9B47E	RGB 201 180 126	#C9B47E
33.3%	33.3% #C3AA70	RGB 195 170 112	#C3AA70
50.0%	50.0% #BDA063	RGB 189 160 99	#BDA063
66.7%	66.7% #B79655	RGB 183 150 85	#B79655
83.3%	83.3% #B18C47	RGB 177 140 71	#B18C47
100.0%	100.0% #AB833A	RGB 171 131 58	#AB833A

#CFBE8C #C9B47E #C3AA70 #BDA063 #B79655 #B18C47 #AB833A

#CFBE8C - #AB833A

HSV Blend

#CFBE8C - #AB833A | 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 #CFBE8C as 0% and #AB833A as 100%.

0.0%	0.0% #CFBE8C	RGB 207 190 140	#CFBE8C
16.7%	16.7% #C9B47C	RGB 201 180 124	#C9B47C
33.3%	33.3% #C3AA6D	RGB 195 170 109	#C3AA6D
50.0%	50.0% #BDA05F	RGB 189 160 95	#BDA05F
66.7%	66.7% #B79652	RGB 183 150 82	#B79652
83.3%	83.3% #B18C45	RGB 177 140 69	#B18C45
100.0%	100.0% #AB833A	RGB 171 131 58	#AB833A

#CFBE8C #C9B47C #C3AA6D #BDA05F #B79652 #B18C45 #AB833A

#CFBE8C - #BDA05F - #AB833A

CSS codes

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

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