#CAB8C5 - #A05C7B | 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 #CAB8C5 to #A05C7B

#CAB8C5 #A05C7B

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

#CAB8C5 - #A05C7B | 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 #CAB8C5 as 0% and #A05C7B as 100%.

0.0%	0.0% #CAB8C5	RGB 202 184 197	#CAB8C5
16.7%	16.7% #C3A8B8	RGB 195 168 184	#C3A8B8
33.3%	33.3% #BC99AC	RGB 188 153 172	#BC99AC
50.0%	50.0% #B58AA0	RGB 181 138 160	#B58AA0
66.7%	66.7% #AE7A93	RGB 174 122 147	#AE7A93
83.3%	83.3% #A76B87	RGB 167 107 135	#A76B87
100.0%	100.0% #A05C7B	RGB 160 92 123	#A05C7B

#CAB8C5 #C3A8B8 #BC99AC #B58AA0 #AE7A93 #A76B87 #A05C7B

#CAB8C5 - #A05C7B

HSV Blend

#CAB8C5 - #A05C7B | 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 #CAB8C5 as 0% and #A05C7B as 100%.

0.0%	0.0% #CAB8C5	RGB 202 184 197	#CAB8C5
16.7%	16.7% #C3A6B9	RGB 195 166 185	#C3A6B9
33.3%	33.3% #BC96AE	RGB 188 150 174	#BC96AE
50.0%	50.0% #B586A1	RGB 181 134 161	#B586A1
66.7%	66.7% #AE7795	RGB 174 119 149	#AE7795
83.3%	83.3% #A76988	RGB 167 105 136	#A76988
100.0%	100.0% #A05C7B	RGB 160 92 123	#A05C7B

#CAB8C5 #C3A6B9 #BC96AE #B586A1 #AE7795 #A76988 #A05C7B

#CAB8C5 - #B586A1 - #A05C7B

CSS codes

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

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