#CBC8CC - #816E8C | 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 #CBC8CC to #816E8C

#CBC8CC #816E8C

Calculate the color between two colors, #CBC8CC and #816E8C. 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)

#CBC8CC - #816E8C | 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 #CBC8CC as 0% and #816E8C as 100%.

0.0%	0.0% #CBC8CC	RGB 203 200 204	#CBC8CC
16.7%	16.7% #BEB9C1	RGB 190 185 193	#BEB9C1
33.3%	33.3% #B2AAB6	RGB 178 170 182	#B2AAB6
50.0%	50.0% #A69BAC	RGB 166 155 172	#A69BAC
66.7%	66.7% #998CA1	RGB 153 140 161	#998CA1
83.3%	83.3% #8D7D96	RGB 141 125 150	#8D7D96
100.0%	100.0% #816E8C	RGB 129 110 140	#816E8C

#CBC8CC #BEB9C1 #B2AAB6 #A69BAC #998CA1 #8D7D96 #816E8C

#CBC8CC - #816E8C

HSV Blend

#CBC8CC - #816E8C | 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 #CBC8CC as 0% and #816E8C as 100%.

0.0%	0.0% #CBC8CC	RGB 203 200 204	#CBC8CC
16.7%	16.7% #BEB7C1	RGB 190 183 193	#BEB7C1
33.3%	33.3% #B2A7B6	RGB 178 167 182	#B2A7B6
50.0%	50.0% #A597AC	RGB 165 151 172	#A597AC
66.7%	66.7% #9989A1	RGB 153 137 161	#9989A1
83.3%	83.3% #8D7B96	RGB 141 123 150	#8D7B96
100.0%	100.0% #816E8C	RGB 129 110 140	#816E8C

#CBC8CC #BEB7C1 #B2A7B6 #A597AC #9989A1 #8D7B96 #816E8C

#CBC8CC - #A597AC - #816E8C

CSS codes

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

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