#CCC3BA - #AB8166 | 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 #CCC3BA to #AB8166

#CCC3BA #AB8166

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

#CCC3BA - #AB8166 | 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 #CCC3BA as 0% and #AB8166 as 100%.

0.0%	0.0% #CCC3BA	RGB 204 195 186	#CCC3BA
16.7%	16.7% #C6B8AC	RGB 198 184 172	#C6B8AC
33.3%	33.3% #C1AD9E	RGB 193 173 158	#C1AD9E
50.0%	50.0% #BBA290	RGB 187 162 144	#BBA290
66.7%	66.7% #B69782	RGB 182 151 130	#B69782
83.3%	83.3% #B08C74	RGB 176 140 116	#B08C74
100.0%	100.0% #AB8166	RGB 171 129 102	#AB8166

#CCC3BA #C6B8AC #C1AD9E #BBA290 #B69782 #B08C74 #AB8166

#CCC3BA - #AB8166

HSV Blend

#CCC3BA - #AB8166 | 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 #CCC3BA as 0% and #AB8166 as 100%.

0.0%	0.0% #CCC3BA	RGB 204 195 186	#CCC3BA
16.7%	16.7% #C6B8AA	RGB 198 184 170	#C6B8AA
33.3%	33.3% #C1AC9B	RGB 193 172 155	#C1AC9B
50.0%	50.0% #BBA18D	RGB 187 161 141	#BBA18D
66.7%	66.7% #B6967F	RGB 182 150 127	#B6967F
83.3%	83.3% #B08B72	RGB 176 139 114	#B08B72
100.0%	100.0% #AB8166	RGB 171 129 102	#AB8166

#CCC3BA #C6B8AA #C1AC9B #BBA18D #B6967F #B08B72 #AB8166

#CCC3BA - #BBA18D - #AB8166

CSS codes

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

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