#8889AC - #CCC1B9 | 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 #8889AC to #CCC1B9

#8889AC #CCC1B9

Calculate the color between two colors, #8889AC and #CCC1B9. 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)

#8889AC - #CCC1B9 | 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 #8889AC as 0% and #CCC1B9 as 100%.

0.0%	0.0% #8889AC	RGB 136 137 172	#8889AC
16.7%	16.7% #9392AE	RGB 147 146 174	#9392AE
33.3%	33.3% #9E9BB0	RGB 158 155 176	#9E9BB0
50.0%	50.0% #AAA5B2	RGB 170 165 178	#AAA5B2
66.7%	66.7% #B5AEB4	RGB 181 174 180	#B5AEB4
83.3%	83.3% #C0B7B6	RGB 192 183 182	#C0B7B6
100.0%	100.0% #CCC1B9	RGB 204 193 185	#CCC1B9

#8889AC #9392AE #9E9BB0 #AAA5B2 #B5AEB4 #C0B7B6 #CCC1B9

#8889AC - #CCC1B9

HSV Blend

#8889AC - #CCC1B9 | 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 #8889AC as 0% and #CCC1B9 as 100%.

0.0%	0.0% #8889AC	RGB 136 137 172	#8889AC
16.7%	16.7% #9C8FB1	RGB 156 143 177	#9C8FB1
33.3%	33.3% #B097B6	RGB 176 151 182	#B097B6
50.0%	50.0% #BC9FB6	RGB 188 159 182	#BC9FB6
66.7%	66.7% #C1A7B1	RGB 193 167 177	#C1A7B1
83.3%	83.3% #C6B0B0	RGB 198 176 176	#C6B0B0
100.0%	100.0% #CCC1B9	RGB 204 193 185	#CCC1B9

#8889AC #9C8FB1 #B097B6 #BC9FB6 #C1A7B1 #C6B0B0 #CCC1B9

#8889AC - #BC9FB6 - #CCC1B9

CSS codes

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

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