#CDC7DB - #846C9A | colorate

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

Blend #CDC7DB to #846C9A

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

RGB混合

#CDC7DB - #846C9A | colorate

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

0.0%	0.0% #CDC7DB	RGB 205 199 219	#CDC7DB
16.7%	16.7% #C0B7D0	RGB 192 183 208	#C0B7D0
33.3%	33.3% #B4A8C5	RGB 180 168 197	#B4A8C5
50.0%	50.0% #A899BA	RGB 168 153 186	#A899BA
66.7%	66.7% #9C8AAF	RGB 156 138 175	#9C8AAF
83.3%	83.3% #907BA4	RGB 144 123 164	#907BA4
100.0%	100.0% #846C9A	RGB 132 108 154	#846C9A

#CDC7DB #C0B7D0 #B4A8C5 #A899BA #9C8AAF #907BA4 #846C9A

#CDC7DB - #846C9A

HSV混合

#CDC7DB - #846C9A | colorate

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

0.0%	0.0% #CDC7DB	RGB 205 199 219	#CDC7DB
16.7%	16.7% #BEB5D0	RGB 190 181 208	#BEB5D0
33.3%	33.3% #B1A5C5	RGB 177 165 197	#B1A5C5
50.0%	50.0% #A596BA	RGB 165 150 186	#A596BA
66.7%	66.7% #9987AF	RGB 153 135 175	#9987AF
83.3%	83.3% #8E79A4	RGB 142 121 164	#8E79A4
100.0%	100.0% #846C9A	RGB 132 108 154	#846C9A

#CDC7DB #BEB5D0 #B1A5C5 #A596BA #9987AF #8E79A4 #846C9A

#CDC7DB - #A596BA - #846C9A

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDC7DB 0%, #A596BA 50%, #846C9A 100%);
    background: -webkit-linear-gradient(top, #CDC7DB 0%, #A596BA 50%, #846C9A 100%);
    background: linear-gradient(to bottom, #CDC7DB 0%, #A596BA 50%, #846C9A 100%);
}
</style>