#CAC8C7 - #AB9376 | 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 #CAC8C7 to #AB9376

#CAC8C7 #AB9376

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

#CAC8C7 - #AB9376 | 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 #CAC8C7 as 0% and #AB9376 as 100%.

0.0%	0.0% #CAC8C7	RGB 202 200 199	#CAC8C7
16.7%	16.7% #C4BFB9	RGB 196 191 185	#C4BFB9
33.3%	33.3% #BFB6AC	RGB 191 182 172	#BFB6AC
50.0%	50.0% #BAAD9E	RGB 186 173 158	#BAAD9E
66.7%	66.7% #B5A491	RGB 181 164 145	#B5A491
83.3%	83.3% #B09B83	RGB 176 155 131	#B09B83
100.0%	100.0% #AB9376	RGB 171 147 118	#AB9376

#CAC8C7 #C4BFB9 #BFB6AC #BAAD9E #B5A491 #B09B83 #AB9376

#CAC8C7 - #AB9376

HSV Blend

#CAC8C7 - #AB9376 | 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 #CAC8C7 as 0% and #AB9376 as 100%.

0.0%	0.0% #CAC8C7	RGB 202 200 199	#CAC8C7
16.7%	16.7% #C4BCB8	RGB 196 188 184	#C4BCB8
33.3%	33.3% #BFB2A9	RGB 191 178 169	#BFB2A9
50.0%	50.0% #BAA99C	RGB 186 169 156	#BAA99C
66.7%	66.7% #B5A18E	RGB 181 161 142	#B5A18E
83.3%	83.3% #B09982	RGB 176 153 130	#B09982
100.0%	100.0% #AB9376	RGB 171 147 118	#AB9376

#CAC8C7 #C4BCB8 #BFB2A9 #BAA99C #B5A18E #B09982 #AB9376

#CAC8C7 - #BAA99C - #AB9376

CSS codes

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

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