#C7A8AF - #92535B | colorate

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

Blend #C7A8AF to #92535B

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

RGB混合

#C7A8AF - #92535B | colorate

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

0.0%	0.0% #C7A8AF	RGB 199 168 175	#C7A8AF
16.7%	16.7% #BE99A1	RGB 190 153 161	#BE99A1
33.3%	33.3% #B58B93	RGB 181 139 147	#B58B93
50.0%	50.0% #AC7D85	RGB 172 125 133	#AC7D85
66.7%	66.7% #A36F77	RGB 163 111 119	#A36F77
83.3%	83.3% #9A6169	RGB 154 97 105	#9A6169
100.0%	100.0% #92535B	RGB 146 83 91	#92535B

#C7A8AF #BE99A1 #B58B93 #AC7D85 #A36F77 #9A6169 #92535B

#C7A8AF - #92535B

HSV混合

#C7A8AF - #92535B | colorate

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

0.0%	0.0% #C7A8AF	RGB 199 168 175	#C7A8AF
16.7%	16.7% #BE979F	RGB 190 151 159	#BE979F
33.3%	33.3% #B58891	RGB 181 136 145	#B58891
50.0%	50.0% #AC7982	RGB 172 121 130	#AC7982
66.7%	66.7% #A36C74	RGB 163 108 116	#A36C74
83.3%	83.3% #9A5F67	RGB 154 95 103	#9A5F67
100.0%	100.0% #92535B	RGB 146 83 91	#92535B

#C7A8AF #BE979F #B58891 #AC7982 #A36C74 #9A5F67 #92535B

#C7A8AF - #AC7982 - #92535B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7A8AF 0%, #AC7982 50%, #92535B 100%);
    background: -webkit-linear-gradient(top, #C7A8AF 0%, #AC7982 50%, #92535B 100%);
    background: linear-gradient(to bottom, #C7A8AF 0%, #AC7982 50%, #92535B 100%);
}
</style>