#CAC48C - #A38D3A | 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 #CAC48C to #A38D3A

#CAC48C #A38D3A

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

#CAC48C - #A38D3A | 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 #CAC48C as 0% and #A38D3A as 100%.

0.0%	0.0% #CAC48C	RGB 202 196 140	#CAC48C
16.7%	16.7% #C3BA7E	RGB 195 186 126	#C3BA7E
33.3%	33.3% #BDB170	RGB 189 177 112	#BDB170
50.0%	50.0% #B6A863	RGB 182 168 99	#B6A863
66.7%	66.7% #B09F55	RGB 176 159 85	#B09F55
83.3%	83.3% #A99647	RGB 169 150 71	#A99647
100.0%	100.0% #A38D3A	RGB 163 141 58	#A38D3A

#CAC48C #C3BA7E #BDB170 #B6A863 #B09F55 #A99647 #A38D3A

#CAC48C - #A38D3A

HSV Blend

#CAC48C - #A38D3A | 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 #CAC48C as 0% and #A38D3A as 100%.

0.0%	0.0% #CAC48C	RGB 202 196 140	#CAC48C
16.7%	16.7% #C3BB7C	RGB 195 187 124	#C3BB7C
33.3%	33.3% #BDB26D	RGB 189 178 109	#BDB26D
50.0%	50.0% #B6A95F	RGB 182 169 95	#B6A95F
66.7%	66.7% #B09F52	RGB 176 159 82	#B09F52
83.3%	83.3% #A99645	RGB 169 150 69	#A99645
100.0%	100.0% #A38D3A	RGB 163 141 58	#A38D3A

#CAC48C #C3BB7C #BDB26D #B6A95F #B09F52 #A99645 #A38D3A

#CAC48C - #B6A95F - #A38D3A

CSS codes

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

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