#CAC3C8 - #A06C7F | 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 #CAC3C8 to #A06C7F

#CAC3C8 #A06C7F

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

#CAC3C8 - #A06C7F | 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 #CAC3C8 as 0% and #A06C7F as 100%.

0.0%	0.0% #CAC3C8	RGB 202 195 200	#CAC3C8
16.7%	16.7% #C3B4BB	RGB 195 180 187	#C3B4BB
33.3%	33.3% #BCA6AF	RGB 188 166 175	#BCA6AF
50.0%	50.0% #B597A3	RGB 181 151 163	#B597A3
66.7%	66.7% #AE8997	RGB 174 137 151	#AE8997
83.3%	83.3% #A77A8B	RGB 167 122 139	#A77A8B
100.0%	100.0% #A06C7F	RGB 160 108 127	#A06C7F

#CAC3C8 #C3B4BB #BCA6AF #B597A3 #AE8997 #A77A8B #A06C7F

#CAC3C8 - #A06C7F

HSV Blend

#CAC3C8 - #A06C7F | 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 #CAC3C8 as 0% and #A06C7F as 100%.

0.0%	0.0% #CAC3C8	RGB 202 195 200	#CAC3C8
16.7%	16.7% #C3B2BD	RGB 195 178 189	#C3B2BD
33.3%	33.3% #BCA3B2	RGB 188 163 178	#BCA3B2
50.0%	50.0% #B594A6	RGB 181 148 166	#B594A6
66.7%	66.7% #AE8699	RGB 174 134 153	#AE8699
83.3%	83.3% #A7788C	RGB 167 120 140	#A7788C
100.0%	100.0% #A06C7F	RGB 160 108 127	#A06C7F

#CAC3C8 #C3B2BD #BCA3B2 #B594A6 #AE8699 #A7788C #A06C7F

#CAC3C8 - #B594A6 - #A06C7F

CSS codes

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

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