#4E465E - #CCCAD1 | colorate

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

Blend #4E465E to #CCCAD1

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

RGB混合

#4E465E - #CCCAD1 | colorate

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

0.0%	0.0% #4E465E	RGB 78 70 94	#4E465E
16.7%	16.7% #635C71	RGB 99 92 113	#635C71
33.3%	33.3% #787284	RGB 120 114 132	#787284
50.0%	50.0% #8D8897	RGB 141 136 151	#8D8897
66.7%	66.7% #A29EAA	RGB 162 158 170	#A29EAA
83.3%	83.3% #B7B4BD	RGB 183 180 189	#B7B4BD
100.0%	100.0% #CCCAD1	RGB 204 202 209	#CCCAD1

#4E465E #635C71 #787284 #8D8897 #A29EAA #B7B4BD #CCCAD1

#4E465E - #CCCAD1

HSV混合

#4E465E - #CCCAD1 | colorate

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

0.0%	0.0% #4E465E	RGB 78 70 94	#4E465E
16.7%	16.7% #605871	RGB 96 88 113	#605871
33.3%	33.3% #736C84	RGB 115 108 132	#736C84
50.0%	50.0% #888197	RGB 136 129 151	#888197
66.7%	66.7% #9D98AA	RGB 157 152 170	#9D98AA
83.3%	83.3% #B4B0BD	RGB 180 176 189	#B4B0BD
100.0%	100.0% #CCCAD1	RGB 204 202 209	#CCCAD1

#4E465E #605871 #736C84 #888197 #9D98AA #B4B0BD #CCCAD1

#4E465E - #888197 - #CCCAD1

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E465E 0%, #888197 50%, #CCCAD1 100%);
    background: -webkit-linear-gradient(top, #4E465E 0%, #888197 50%, #CCCAD1 100%);
    background: linear-gradient(to bottom, #4E465E 0%, #888197 50%, #CCCAD1 100%);
}
</style>