#CCCAD1 - #85728D | 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 #CCCAD1 to #85728D

#CCCAD1 #85728D

Calculate the color between two colors, #CCCAD1 and #85728D. 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)

#CCCAD1 - #85728D | 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 #CCCAD1 as 0% and #85728D as 100%.

0.0%	0.0% #CCCAD1	RGB 204 202 209	#CCCAD1
16.7%	16.7% #C0BBC5	RGB 192 187 197	#C0BBC5
33.3%	33.3% #B4ACBA	RGB 180 172 186	#B4ACBA
50.0%	50.0% #A89EAF	RGB 168 158 175	#A89EAF
66.7%	66.7% #9C8FA3	RGB 156 143 163	#9C8FA3
83.3%	83.3% #908098	RGB 144 128 152	#908098
100.0%	100.0% #85728D	RGB 133 114 141	#85728D

#CCCAD1 #C0BBC5 #B4ACBA #A89EAF #9C8FA3 #908098 #85728D

#CCCAD1 - #85728D

HSV Blend

#CCCAD1 - #85728D | 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 #CCCAD1 as 0% and #85728D as 100%.

0.0%	0.0% #CCCAD1	RGB 204 202 209	#CCCAD1
16.7%	16.7% #BEB9C5	RGB 190 185 197	#BEB9C5
33.3%	33.3% #B1AABA	RGB 177 170 186	#B1AABA
50.0%	50.0% #A59BAF	RGB 165 155 175	#A59BAF
66.7%	66.7% #998CA3	RGB 153 140 163	#998CA3
83.3%	83.3% #8F7F98	RGB 143 127 152	#8F7F98
100.0%	100.0% #85728D	RGB 133 114 141	#85728D

#CCCAD1 #BEB9C5 #B1AABA #A59BAF #998CA3 #8F7F98 #85728D

#CCCAD1 - #A59BAF - #85728D

CSS codes

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

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