#CBC8CE - #7B5E99 | colorate

这是设计师和开发人员的着色工具。这将帮助您绘制灵感，并作为您的色彩工作的资源。使这个网站更好

Blend #CBC8CE to #7B5E99

计算两种颜色#CBC8CE和#7B5E99之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#CBC8CE - #7B5E99 | colorate

基于RGB值计算两种颜色之间的颜色。对于彼此远离的颜色，两种颜色之间的饱和度降低。将#CBC8CE的两种颜色之间的颜色扩展为0％，将#7B5E99扩展为100％。

0.0%	0.0% #CBC8CE	RGB 203 200 206	#CBC8CE
16.7%	16.7% #BDB6C5	RGB 189 182 197	#BDB6C5
33.3%	33.3% #B0A4BC	RGB 176 164 188	#B0A4BC
50.0%	50.0% #A393B3	RGB 163 147 179	#A393B3
66.7%	66.7% #9581AA	RGB 149 129 170	#9581AA
83.3%	83.3% #886FA1	RGB 136 111 161	#886FA1
100.0%	100.0% #7B5E99	RGB 123 94 153	#7B5E99

#CBC8CE #BDB6C5 #B0A4BC #A393B3 #9581AA #886FA1 #7B5E99

#CBC8CE - #7B5E99

HSV混合

#CBC8CE - #7B5E99 | colorate

基于HSV值计算两种颜色之间的颜色。即使在不同颜色的颜色之间，两种颜色之间的饱和度也不会降低。将#CBC8CE的两种颜色之间的颜色扩展为0％，将#7B5E99扩展为100％。

0.0%	0.0% #CBC8CE	RGB 203 200 206	#CBC8CE
16.7%	16.7% #BCB3C5	RGB 188 179 197	#BCB3C5
33.3%	33.3% #AEA0BC	RGB 174 160 188	#AEA0BC
50.0%	50.0% #A08EB3	RGB 160 142 179	#A08EB3
66.7%	66.7% #937DAA	RGB 147 125 170	#937DAA
83.3%	83.3% #876DA1	RGB 135 109 161	#876DA1
100.0%	100.0% #7B5E99	RGB 123 94 153	#7B5E99

#CBC8CE #BCB3C5 #AEA0BC #A08EB3 #937DAA #876DA1 #7B5E99

#CBC8CE - #A08EB3 - #7B5E99

CSS代码

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

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