#CBC8D1 - #8D6D8B | 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 #CBC8D1 to #8D6D8B

#CBC8D1 #8D6D8B

Calculate the color between two colors, #CBC8D1 and #8D6D8B. 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)

#CBC8D1 - #8D6D8B | 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 #CBC8D1 as 0% and #8D6D8B as 100%.

0.0%	0.0% #CBC8D1	RGB 203 200 209	#CBC8D1
16.7%	16.7% #C0B8C5	RGB 192 184 197	#C0B8C5
33.3%	33.3% #B6A9B9	RGB 182 169 185	#B6A9B9
50.0%	50.0% #AC9AAE	RGB 172 154 174	#AC9AAE
66.7%	66.7% #A18BA2	RGB 161 139 162	#A18BA2
83.3%	83.3% #977C96	RGB 151 124 150	#977C96
100.0%	100.0% #8D6D8B	RGB 141 109 139	#8D6D8B

#CBC8D1 #C0B8C5 #B6A9B9 #AC9AAE #A18BA2 #977C96 #8D6D8B

#CBC8D1 - #8D6D8B

HSV Blend

#CBC8D1 - #8D6D8B | 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 #CBC8D1 as 0% and #8D6D8B as 100%.

0.0%	0.0% #CBC8D1	RGB 203 200 209	#CBC8D1
16.7%	16.7% #BDB7C5	RGB 189 183 197	#BDB7C5
33.3%	33.3% #B2A6BA	RGB 178 166 186	#B2A6BA
50.0%	50.0% #A797AF	RGB 167 151 175	#A797AF
66.7%	66.7% #9E88A3	RGB 158 136 163	#9E88A3
83.3%	83.3% #967A98	RGB 150 122 152	#967A98
100.0%	100.0% #8D6D8B	RGB 141 109 139	#8D6D8B

#CBC8D1 #BDB7C5 #B2A6BA #A797AF #9E88A3 #967A98 #8D6D8B

#CBC8D1 - #A797AF - #8D6D8B

CSS codes

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

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