#CDB9C7 - #A35D7D | 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 #CDB9C7 to #A35D7D

#CDB9C7 #A35D7D

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

#CDB9C7 - #A35D7D | 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 #CDB9C7 as 0% and #A35D7D as 100%.

0.0%	0.0% #CDB9C7	RGB 205 185 199	#CDB9C7
16.7%	16.7% #C6A9BA	RGB 198 169 186	#C6A9BA
33.3%	33.3% #BF9AAE	RGB 191 154 174	#BF9AAE
50.0%	50.0% #B88BA2	RGB 184 139 162	#B88BA2
66.7%	66.7% #B17B95	RGB 177 123 149	#B17B95
83.3%	83.3% #AA6C89	RGB 170 108 137	#AA6C89
100.0%	100.0% #A35D7D	RGB 163 93 125	#A35D7D

#CDB9C7 #C6A9BA #BF9AAE #B88BA2 #B17B95 #AA6C89 #A35D7D

#CDB9C7 - #A35D7D

HSV Blend

#CDB9C7 - #A35D7D | 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 #CDB9C7 as 0% and #A35D7D as 100%.

0.0%	0.0% #CDB9C7	RGB 205 185 199	#CDB9C7
16.7%	16.7% #C6A7BB	RGB 198 167 187	#C6A7BB
33.3%	33.3% #BF97AF	RGB 191 151 175	#BF97AF
50.0%	50.0% #B887A3	RGB 184 135 163	#B887A3
66.7%	66.7% #B17896	RGB 177 120 150	#B17896
83.3%	83.3% #AA6A8A	RGB 170 106 138	#AA6A8A
100.0%	100.0% #A35D7D	RGB 163 93 125	#A35D7D

#CDB9C7 #C6A7BB #BF97AF #B887A3 #B17896 #AA6A8A #A35D7D

#CDB9C7 - #B887A3 - #A35D7D

CSS codes

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

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