#CACAB1 - #9F945D | 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 #CACAB1 to #9F945D

#CACAB1 #9F945D

Calculate the color between two colors, #CACAB1 and #9F945D. 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)

#CACAB1 - #9F945D | 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 #CACAB1 as 0% and #9F945D as 100%.

0.0%	0.0% #CACAB1	RGB 202 202 177	#CACAB1
16.7%	16.7% #C2C1A3	RGB 194 193 163	#C2C1A3
33.3%	33.3% #BBB895	RGB 187 184 149	#BBB895
50.0%	50.0% #B4AF87	RGB 180 175 135	#B4AF87
66.7%	66.7% #ADA679	RGB 173 166 121	#ADA679
83.3%	83.3% #A69D6B	RGB 166 157 107	#A69D6B
100.0%	100.0% #9F945D	RGB 159 148 93	#9F945D

#CACAB1 #C2C1A3 #BBB895 #B4AF87 #ADA679 #A69D6B #9F945D

#CACAB1 - #9F945D

HSV Blend

#CACAB1 - #9F945D | 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 #CACAB1 as 0% and #9F945D as 100%.

0.0%	0.0% #CACAB1	RGB 202 202 177	#CACAB1
16.7%	16.7% #C2C1A1	RGB 194 193 161	#C2C1A1
33.3%	33.3% #BBB992	RGB 187 185 146	#BBB992
50.0%	50.0% #B4B083	RGB 180 176 131	#B4B083
66.7%	66.7% #ADA776	RGB 173 167 118	#ADA776
83.3%	83.3% #A69D69	RGB 166 157 105	#A69D69
100.0%	100.0% #9F945D	RGB 159 148 93	#9F945D

#CACAB1 #C2C1A1 #BBB992 #B4B083 #ADA776 #A69D69 #9F945D

#CACAB1 - #B4B083 - #9F945D

CSS codes

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

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