#585B55 - #CFD0CE | colorate

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

Blend #585B55 to #CFD0CE

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

RGB混合

#585B55 - #CFD0CE | colorate

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

0.0%	0.0% #585B55	RGB 88 91 85	#585B55
16.7%	16.7% #6B6E69	RGB 107 110 105	#6B6E69
33.3%	33.3% #7F827D	RGB 127 130 125	#7F827D
50.0%	50.0% #939591	RGB 147 149 145	#939591
66.7%	66.7% #A7A9A5	RGB 167 169 165	#A7A9A5
83.3%	83.3% #BBBCB9	RGB 187 188 185	#BBBCB9
100.0%	100.0% #CFD0CE	RGB 207 208 206	#CFD0CE

#585B55 #6B6E69 #7F827D #939591 #A7A9A5 #BBBCB9 #CFD0CE

#585B55 - #CFD0CE

HSV混合

#585B55 - #CFD0CE | colorate

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

0.0%	0.0% #585B55	RGB 88 91 85	#585B55
16.7%	16.7% #6B6E68	RGB 107 110 104	#6B6E68
33.3%	33.3% #7E827B	RGB 126 130 123	#7E827B
50.0%	50.0% #92958F	RGB 146 149 143	#92958F
66.7%	66.7% #A6A9A4	RGB 166 169 164	#A6A9A4
83.3%	83.3% #BABCB8	RGB 186 188 184	#BABCB8
100.0%	100.0% #CFD0CE	RGB 207 208 206	#CFD0CE

#585B55 #6B6E68 #7E827B #92958F #A6A9A4 #BABCB8 #CFD0CE

#585B55 - #92958F - #CFD0CE

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #585B55 0%, #92958F 50%, #CFD0CE 100%);
    background: -webkit-linear-gradient(top, #585B55 0%, #92958F 50%, #CFD0CE 100%);
    background: linear-gradient(to bottom, #585B55 0%, #92958F 50%, #CFD0CE 100%);
}
</style>