#C2B5B2 - #A66C5D | 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 #C2B5B2 to #A66C5D

#C2B5B2 #A66C5D

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

#C2B5B2 - #A66C5D | 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 #C2B5B2 as 0% and #A66C5D as 100%.

0.0%	0.0% #C2B5B2	RGB 194 181 178	#C2B5B2
16.7%	16.7% #BDA8A3	RGB 189 168 163	#BDA8A3
33.3%	33.3% #B89C95	RGB 184 156 149	#B89C95
50.0%	50.0% #B49087	RGB 180 144 135	#B49087
66.7%	66.7% #AF8479	RGB 175 132 121	#AF8479
83.3%	83.3% #AA786B	RGB 170 120 107	#AA786B
100.0%	100.0% #A66C5D	RGB 166 108 93	#A66C5D

#C2B5B2 #BDA8A3 #B89C95 #B49087 #AF8479 #AA786B #A66C5D

#C2B5B2 - #A66C5D

HSV Blend

#C2B5B2 - #A66C5D | 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 #C2B5B2 as 0% and #A66C5D as 100%.

0.0%	0.0% #C2B5B2	RGB 194 181 178	#C2B5B2
16.7%	16.7% #BDA7A2	RGB 189 167 162	#BDA7A2
33.3%	33.3% #B89A93	RGB 184 154 147	#B89A93
50.0%	50.0% #B48E84	RGB 180 142 132	#B48E84
66.7%	66.7% #AF8277	RGB 175 130 119	#AF8277
83.3%	83.3% #AA7669	RGB 170 118 105	#AA7669
100.0%	100.0% #A66C5D	RGB 166 108 93	#A66C5D

#C2B5B2 #BDA7A2 #B89A93 #B48E84 #AF8277 #AA7669 #A66C5D

#C2B5B2 - #B48E84 - #A66C5D

CSS codes

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

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