#CABDC6 - #A0647C | 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 #CABDC6 to #A0647C

#CABDC6 #A0647C

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

#CABDC6 - #A0647C | 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 #CABDC6 as 0% and #A0647C as 100%.

0.0%	0.0% #CABDC6	RGB 202 189 198	#CABDC6
16.7%	16.7% #C3AEB9	RGB 195 174 185	#C3AEB9
33.3%	33.3% #BC9FAD	RGB 188 159 173	#BC9FAD
50.0%	50.0% #B590A1	RGB 181 144 161	#B590A1
66.7%	66.7% #AE8194	RGB 174 129 148	#AE8194
83.3%	83.3% #A77288	RGB 167 114 136	#A77288
100.0%	100.0% #A0647C	RGB 160 100 124	#A0647C

#CABDC6 #C3AEB9 #BC9FAD #B590A1 #AE8194 #A77288 #A0647C

#CABDC6 - #A0647C

HSV Blend

#CABDC6 - #A0647C | 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 #CABDC6 as 0% and #A0647C as 100%.

0.0%	0.0% #CABDC6	RGB 202 189 198	#CABDC6
16.7%	16.7% #C3ACBA	RGB 195 172 186	#C3ACBA
33.3%	33.3% #BC9CAF	RGB 188 156 175	#BC9CAF
50.0%	50.0% #B58DA2	RGB 181 141 162	#B58DA2
66.7%	66.7% #AE7E96	RGB 174 126 150	#AE7E96
83.3%	83.3% #A77189	RGB 167 113 137	#A77189
100.0%	100.0% #A0647C	RGB 160 100 124	#A0647C

#CABDC6 #C3ACBA #BC9CAF #B58DA2 #AE7E96 #A77189 #A0647C

#CABDC6 - #B58DA2 - #A0647C

CSS codes

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

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